Cara membuat breadcrumb

Bagaimana membuat breadcrumb atau membuat link navigasi di atas postingan kita,gunanya selain memudahkan robot pencari seperti google search juga dapat memanjakan pengunjung kita dalam mencari kategori yang mereka inginkan.

Pentingkah sebuah Breadcrum atau tombol navigasi di sebuah postingan kita,jawabnya terserah anda ,semakin blog kita terlihat profesional,juga membuat pengunjung betah berlama-lama di blog kita,oke kita mulai saja cara pertama:

Seperti biasa masuklah ke design/rancangan,lalu klik edit html,jangan lupa sebelumnya klik expand widget template.
setelah itu silahkan anda cari kode sebagai berikut :

]]></b:skin>

lalu letakkan kode dibawah ini,tepat diatas kode diatas :

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:100%;
line-height:1.5em;
border-bottom:5px double #cadaef;
}

Masih di edit html, selanjutnya carilah kode sebagai berikut :
<div class='post hentry

tepat dibawah kode itu ,letakkan kode dibawah ini :

<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'>Beranda</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' 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>

Nah setelah itu simpanlah template agan sekalian,dan breadcrumb akan terlihat di atas postingan agan,seperti gambar diatas.





-->