Membuat Navigasi Breadcrumb

Apa itu Navigasi Breadcrumb ?

Navigasi Breadcrumb adalah nama yang diberikan untuk link navigasi yang biasanya ditampilkan di atas judul atau title posting di blog dan di bagian atas halaman. Navigasi Breadcrumb menyediakan sarana tambahan di mana visitor atau pengunjung blog dapat dengan mudah melakukan navigasi di situs atau blog kita. Pada umumnya, Navigasi Breadcrumb menampilkan Halaman Depan atau Home > Label > Judul Posting.

Cara Membuat Navigasi Breadcrumb :

• Sign In terlebih dahulu di www.blogger.com
• Dashboard > Template > Edit HTML
• Centang Expand Widget Templates
• Cari Kode <b:if cond='data:post.title'> dan letakkan Kode berikut dibawah Kode tadi

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>

• Kemudian, Cari Kode ]]></b:skin> dan letakkan Kode berikut diatasnya

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}

• Simpan

Apa penyebab Navigasi Breadcrumb tidak muncul di blog ?
Jawabannya adalah "Sobat blogger belum membuat Label di setiap postingan sobat. Jadi, sobat blogger harus melabelkan dulu semua posting blog sobat sebelum memasang Navigasi Breadcrumb."

Posted in: Tutorial Blog