Breadcrumbs biasanya muncul secara horizontal di bagian atas sebuah halaman web/blog, biasanya ada di bawah bar judul atau header. Breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. Sebuah tanda yang lebih besar dari (>) sering berfungsi sebagai pemisah hirarki, meskipun dapat menggunakan simbol lainnya (seperti »atau>), serta beragam grafik.
Breadcrumbs biasanya terlihat seperti ini:Cara membuat breadcrumb di blogspot/blogger ternyata tidak sulit. Banyak blogger yang sudah memposting di blognya masing-masing tentang tutorial membuat
breadcrumb di blogspot. berikut adalah langkah-langkan membuat Breadcrumbs.
1.Masuk ke blogger.com,
Pilih Tab Design > Tab Edit HTML, Centang pada Expand Widget Templates
2.Cari kode ini pada template anda.
]]></b:skin>
3.Copy dan pastekan kode berikut diatas kode ]]></b:skin> :
.breadcrumb {padding:5px 5px 5px 0px;margin: 0px 0px 10px 0px;font-size:90%;line-height: 1.2em;border-bottom:3px double #e6e4e3;}
4.Cari kode berikut di template Anda.
<b:includable id='post' var='post'>
5.Copy dan pastekan kode berikut dibawah kode <b:includable id='post' var='post'>.
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> »
<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>
»
</b:if>
<data:post.title/>
</div>
</b:if>
6.Klik save template dan lihat hasilnya..
Kalo berhasil, maka di setiap judul postingan akan ada navigasi yang disebut breadcrumb.
Note : sebaiknya download dulu template blogspot Anda sebelum melakukan pengeditan HTML, agar bila ada yang salah nantinya template bisa dikembalikan seperti semula.
Semoga tutorial di atas bermamfaat ^_^
