Cara Memasang Breadcrumb pada blogger

Breadcrumb adalah pola navigasi yang berguna untuk memudahkan pengunjung mengakses blog anda. Konon breadcrumb disukai oleh mesin pencari Google, oleh karena itu blogger-blogger top Indonesia seperti Kang Rohman, Abi Bakar, dan Blog Juragan menggunakannya.

Pola navigasi breadcrumb adalah seperti ini Halaman Depan » Kategori/Tags/Archive » Artikel. Namun menurut Blog Juragan dan Abi Bakar pola breadcrumb yang disukai Google adalah dengan menggunakan kode ">" bukan "»" ataupun "/".

Berikut tutorial cara memasang breadcrumb di blogspot:

1. Login ke Blogger

2. Klik Design/Layout

3. Klik Edit HTML

4. Klik Download Full Template (untuk backup)

5. Klik Expant Widget Template

6. Cari kode ]]></b:skin>

7. Salin kode dibawah ini dan letakan diatas kode ]]></b:skin>

.breadcrumbs{

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

8. Cari kode berikut:

<div class='post hentry uncustomized-post-template'>

9. Kemudian salin kode dibawah ini, dibawah langkah nomer 8

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

Browse &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;

<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> &gt; <data:post.title/>

</div>

</b:if>

</b:if>

10. Simpan template dan lihat hasilnya.

Sumber:

http://catatan-r10.blogspot.com/2011/08/tutorial-blogger-cara-memasang.html