Cara Memasang Breadcrumbs pada Blogspot

Sebelum menjelaskan bagaimana caranya memasang Breadcrumbs alangkah baiknya kita ketahui apa itu Breadcrumbs itu sendiri.

Breadcrumbs adalah bantuan navigasi antuk memudahkan para pengunjung untuk mengetahui letak halaman pada artikel yang dibaca.

Contohnya adalah sebagai berikut :

Biasanya muncul diatas postingan. Konon katanya memasang Breadcrumbs pada blog berpengaruh pada SEO, jadi alangkah baiknya dipasang Breadcrumbs pada blognya.

Setelah Bang Dayat menjelaskan sedikit pengertian dari Breadcrumbs sekarang BD akan menjelaskan cara memasangnya. Bang Dayat dapat referensi dari teman blogger lainnya dan saya coba di blog saya yang lainnya.

1. Masuk ke akun blogger sobat.

2. Setelah login masuk ke menu template >> edit HTML

3. Jangan lupa di check list Expand Template Widget

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

5.  Letakkan kode dibawah ini diatas kode  ]]></b:skin> 

.breadcrumb {
border-bottom: 1px solid #CFE2F3;
font-size: 95%;
line-height: 1.4em;
margin: -11px -15px 8px;
padding-left: 3px;
}

6. Kemudian cari kode <b:includable id='post' var='post'>  (untuk memermudah gunakan ctrl + F)


7. Masukkan kode dibawah ini dibawah kode <b:includable id='post' var='post'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb'>
You are here: &#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>

8. Kemudian disimpan.

Kalau benar memasangnya maka akan muncul Breadcrumbs diatas postingan. Semoga bermanfaat.