Cara Membuat Breadcrumb di Blogger

Assalamu'alaikum, kawan kali ini saya akan membagikan sebuah trik cara membuat breadcrumb di blogger, sebelum saya menjelaskan cara membuat breadcrumb di blogger ini, terlebih dahulu saya akan menjelaskan sedikit apa breadcrumb  dan manfaatnya dari segi SEO, breadcrumb adalah menu navigasi yang biasanya terletak diatas judul posting, yang berguna untuk memudahkan pengunjung, dimana atrikel atau posting yang sedang dibaca, sedangkan dari segi SEO cukup baik, karena google sudah
bisa membaca breadcrumb sebuah situs, sudah ada blog-blog yang muncul bukan disertai url tapi kategori postingan tersebut, yap ini sedikit penjelasan, karena memang bisanya hanya sedikit, hehehe, yap yuk sekarang kita coba buat breadcrumb bersama di blog.

Contoh Breadcrumb :

1.Pada dashbor blog kamu klik Template >> Edit HTML >> Proceed

>>> Sebelum mengedit simpan dahulu template kamu.

2.Pada bagian Edit HTML kamu cek list Expand Widget Templates.

3.Kamu cari kode <b:includable id='main' var='top'>, kamu gunakan Ctrl+F untuk memudahkan.

4.Bila kamu sudah ketemu kode tersebut, letakkan kode dibawah ini diatas <b:includable id='main' var='top'>.

<b:includable id='breadcrumbs' var='post'> <!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com --> <b:if cond='data:blog.pageType == "item"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:post.labels'> Browse: <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> > <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> <a expr:href='data:label.url' rel='tag'> <data:label.name/></a> </b:if> </b:loop> <b:if cond='data:post.title'> > <b><data:post.title/></b> </b:if> </b:if> </span> </p> </b:if> <!-- End of Breadcrums Hack --> </b:includable>

5.Setelah itu kamu cari kode ini <b:if cond='data:post.dateHeader'>, bila sudah ketemu kamu letakkan tepat diatas kode ini :

<b:include data='post' name='breadcrumbs'/>

6.Langkah terakhir kamu cari kode ]]></b:skin>, setelah itu kamu letakkan kode dibawah ini diatasnya.


.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

7.Sekarang kamu pratinjau dulu, bila berhasil save template kamu.

Catatan : 

Breadcrumb ini hanya akan muncul pada posting yang terbuka atau yang sedang dibaca, dan tidak terbuka pada home page atau beranda blog kamu.

Sekian cara membuat breadcrumb di blogger ini semoga bermanfaat untuk kamu, dan saya ucapkan terima kasih atas kunjungannya.

Kode By : hoctrointro

Link : Cara Membuat Title Blog Berjalan