Cara Membuat Navigation Breadcrumb di Blogger

Breadcrumb merupakan salah satu bentuk navigation. Biasanya digunakan untuk memberitahukan pembaca dimana posisi dia berada sekarang. Dengan adanya breadcrumb maka akan memudahkan pembaca untuk berpindah ke bagian-bagian lain di current page blog anda dan juga membuat template blog anda SEO friendly dan mempercantik desain blog.

Langkah-langkah pemasangannya adalah sebagai berikut:

• Silahkan login ke blogger
• Klik Tata Letak.
• Klik tab edit HTML dan ceklist Expand Template Widget
• Kemudian cari kode ]]></b:skin>
• Setelah jumpa copy paste script dibawah ini di atas kode ]]></b:skin> tadi.

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

• Kemudian cari kembali kode <div class='post hentry uncustomized-post-template'>
  ,dan jika sudah jumpa copy paste kode berikut ini dibawah kode <div class='post hentry uncustomized-post-template'>
  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>

• Kemudian simpan.

Selamat mencoba.