Cara Membuat Navigasi Breadcrumb

Assalamualaikum Sahabat Blogger,


Kali ini saya mau memberi Tutorial Cara Membuat Navigasi Breadcrumb di Blogger. Nah, sebelumnya Sahabat-Sahabat Blogger tau ngga Navigasi Breadcrumb itu apa ? Yap , Navigasi breadcrumb adalah kumpulan beberapa link/tautan yang memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang kamu baca.


Link yang ditampilkan di sini adalah link dimana artikel anda berada atau bisa disebut sebagai lokasi dari artikel kamu. Navigasi breadcrumb ini biasa diletakkan di atas judul artikel/postingan. Lihat contoh navigasi breadcrumb berikut. 

Lanjut ke Tutorial nya . Navigasi breadcrumb di blogspot akan tampil berdasarkan label/tag dari postingan kamu. Berikut tutorialnya.

• Log in ke Blogger
• Pilih menu Tata Letak (Layout) -> Edit HTML
• Centang tulisan Expand Widget Template
• Cari Kode berikut ini .

<b:if cond='data:post.title'>

• Tambahkan Kode berikut ini di bawahnya .

<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.blogspot.com/'>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/>
</b:if>

• Ganti Tulisan berwarna Biru Muda dengan URL blog kamu .
• Simpan, Dan lihat Hasilnya .

Selamat Mencoba, Semoga Berhasil