Cara Memasang Breadcrumbs Di Blog

11 Oktober

Breadcrumbs merupakan menu navigasi yang memberitahu urutan alamat halaman yang di buka. Secara Seo penggunaan breadcrumbs sangat baik dan dianjurkan. Selain itu penggunaan breadcrumbs juga dapat memberikan efek bagus kepada pengunjung blog untuk mengetahui dengan mudah urutan halaman yang dibukanya.

Untuk membuat breadcrumbs di blogspot sangat mudah, cukup memasukkan beberapa baris kode kedalam template yang digunakan, maka breadcrumbs akan tampil pada blog kita.

Berikut langkah-langkah membuat breadcrumbs.
Pastikan kamu sudah membackup template kamu sebelum mengikuti tutorial cara memasang breadcrumbs ini


1. Login ke dashboard blogspot kamu
2. Pilih bagian template lalu edit template html
3. Masukkan kode CSS dibawah ini tepat diatas ]]></b:skin>

Kode Css Breadcrumbs

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

4. Lalu lanjutkan dengan mencari kode seperti ini menggunakan ctrl+f <div class='post hentry'>
5. Masukkan kode breadcrumbs dibawah ini tepat dibawah kode <div class='post hentry'>

Kode html Breadcrumbs

<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>

6. Selanjutnya simpan template kamu.

Demikianlah cara memasang breadcrumbs pada blog kita.