Membuat Breadcrumb Di Blog

Breadcrumb adalah suatu bentuk navigasi menu yang digunakan untuk mempermudah penelusuran dokumen atau artikel dalam sebuah blog. dengan memasang breadcrumb di blog, kamu akan dengan mudah mencari jalur atau asal dokumen artikel dalam blog kamu. selain itu akan mempermudah google untuk menelusuri isi dokumen dari blog kamu yang kata lain akan meningkatkan optimasi SEO blog kamu di mata search engine.

Nah, bagaimana cara memasangnya? cukup mudah, silahkan ikuti petunjuk dibawa ini.

1. Login dulu ke account blogger kamu (So Pasti dong)

2. cari menu Rancangan-Edit HTML

3. Biasankan sebelum kamu mengedit HTML lakukan backup template terlebih dahulu dengan meng-klik "Download Template Lengkap" (untuk jaga-jaga bila terjadi kesalahan)

4. Centang "Expand Template Widget" diatas kolom HTML

5. Cari code ini  ]]></b:skin> (Gunakan fasilitas Cltr-F untuk mempermudah pencarian)

6. Silahkan Copy dan Paste Code dibawah ini tepat diatasnya code  ]]></b:skin>

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

7. Kemudian cari lagi code yang sekiranya mirip atau sama persis dengan kode ini: <div class='post hentry uncustomized-post-template'>

8. Silahkan Copy dan Paste-kan Code dibawan ini tepat dibawah Code <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='breadcrumbs'> 
Browse &#187; <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>

9. Kalau sudah silahkan klik Simpan Template

10. Breadcrumb sudah jadi, kamu bisa lihat hasilnya di atas postingan kamu

Selamat Mencoba, dan Semoga Berhasil