Membuat Menu Breadcrumbs

Menu Breadcrumbs adalah navigasi yang berada di atas postingan , yang mana urutan navigasi nya di mulai dari home > label > judul postingan . contoh nya bisa di lihat di atas postingan ini . apakah breadcrumbs ini penting di pasang pada blog kita ? menurut informasi yang saya dengar konon katanya Breadcrums ini salah satu teknik SEO yang sangat di anjurkan oleh para Webmaster. KarenaBreadcrums sangat membantu dalam pencarian blog kita. wahh kalau begitu tunggu apa lagi , ikuti langkah-langkah di bawah ini :

1. login ke blogger.com

2. pilih Rancangan , lalu klik Edit Html

3. backup dulu template anda untuk jaga-jaga , pilih Download Template Lengkap

4. kemudian centang Expand Template Widget

5. lalu cari kode ]]></b:skin> (gunakan CTRL + F)

6. letakan kode dibawah ini tepat di atas kode ]]></b:skin> tadi .


.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}7. kemudian cari kode <div class='post hentry uncustomized-post-template'>
dan letakan kode di bawah ini , tepat dibawah kode di atas tadi.


<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>
catatan : jika kode nomor 7 tidak ketemu ,
coba cari kode <div class='post hentry'> dan letakkan dibawahnya.

8. simpan template anda , dan lihat hasil nya ^_^