Anda dapat melihatnya pada contoh pada blog ini atau lihat pada picture bawah ini
Membuat breadcrumb pada sebuah blog sepertinya sesuatu yang wajib diadakan, kenapa? karena selain dari fungsi di atas, sama halnya seperti sitemap, breadcrumb juga sangat baik bagi SEO blog karena akan memperkaya kata kunci dalam postingan.
Bagi
anda yang memakai template bawaan blogger breadcrumb ini tidak
disediakan dan anda harus menginstalnya sendiri. Tetapi untuk
template-template gratisan dari penyedia template yang banyak beredar
terkadang fungsi breadcrumb ini sudah terpasang otomatis.
Nah sekarang bagaimana cara membuat breadcrumb pada blogspot? Gampang sekali kok ^_^, caranya adalah:
1. Log in ke blogger
2. Masuk ke rancangan > Edit HTML > centang “Expand Template Widget”
3. Untuk amannya adan download dulu templatenya sebagai antisipasi apabila ada kesalahan.
4. Dengan CTRL F cara kode ]]></b:skin>
5. Copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Kemudian copy kode dibawah ini dan paste tepat dibawah kode <div class='post hentry'> atau cari kode ini <b:includable id='post' var='post'> Paste kode dibawah tepat dibawahnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Anda disini » <a expr:href='data:blog.homepageUrl'>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>
</b:if>
7. Selesai. Simpan dan lihat hasilnya dengan mengklik salah satu postingan.
