Cara Membuat Navigasi Breadcrumbs di Atas Posting

Cara membuat navigasi di atas posting seperti diatas judul posting ini dan banyak di pasang di blog sahabat blogger, navigasi  ini untuk memudahkan atau mengakses label tulisan atau artikel.

Berikut cara pasangnya:

-Login ke blogger.com 
-Klik Rancangan kemudian Edit HTML.
-Jangan lupa juga klik Download Full Template.
-Centang Expand Widget Templates.
-Cari kode berikut  ]]></b:skin>
-Copy kode dibawah ini di atas ]]></b:skin>  


.breadcrumbs{; padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cccccc;}  


Cari Kode <div class='post hentry uncustomized-post-template'> atau kalau tidak ada cari kode berikut <div class='post hentry'> apbila masih tidak ada juga cari kode in <b:if cond='data:post.title'>

Copy paste kode berikut dan letakan di bawah nya.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>Browse » <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>

Simpan tamplate dan lihat hasilnya.

Navigasi  "breadcrumbs" tidak muncul di homepage, tetapi terlihat di halaman posting, tidak terlihat saat preview.