Cara Membuat Breadcrumbs Pada Blogspot

Mari kita simak cara membuat Breadcrumbs pada Blogspot berikut ini. Breadcrumds adalah cara untuk mengetahui lokasi pengunjung berada atau agar para pengunjung blog anda tahu dimana lokasi mereka berada melalui dokumen blog. Tidak ada salahnya kita mencoba tips-tips terbaru untuk memperkaya pengetahuan dan menambah ilmu. Nah, jika anda tertarik untuk membuat Breadcrumbs pada Blogspot anda, mari kita simak tips berikut ini, cara membuat Breadcrumbs pada Blogspot.


Cara membuat Breadcrumbs pada Blogspot:
~ Masuk ke akun blogger / buka dasboard blog anda
~ Klik > Template / Rancangan
~ Klik > Edit HTML , lalu klik > Lanjutkan
~ Klik/centang pada Expand Template Widget
~ Cari kode berikut ini

 ]]></b:skin>

~ Lalu masukkan kode dibawah ini, tepat di atas kode  ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}


~ Cari kode berikut ini ( bisa gunakan tombol Ctrl + F, lalu masukkan kodenya di kotak find)

<div class='post hentry'>

~ Masukkan/copy paste kode di bawah ini, tepat di bawah kode  <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

~ Klik > SIMPAN


Jika tidak terjadi kesalahan, maka template anda akan tersimpan, dan silahkan dicek. Demikian tips cara membuat Breadcrumbs pada Blogspot, semoga bisa menambah pengetahuan dan bermanfaat, salam sukses.