CARA MEMBUAT BREADCRUMB NAVIGATION PADA BLOGSPOT ~ www.dikutip.com

Seperti yang kita tahu, sekarang google juga mempertimbangkan blog yang memakai Breadcrumb Navigation, Pasti Anda sudah tahu apa itu Breadcrumb Navigation, yang mana sering dipakai di berbagai blog wordpress.org tetapi sekarang blogspot pun bisa dipasangi Breadcrumb Navigation. Mau tahu caranya ??

1. Masuk ke account blogspot Anda

2. Klik Layout atau Tata Letak

3. Klik edit HTML

4. Centang Expand Widget Template dan kalau perlu download template sekalian untuk backup

5. Cari kode ]]></b:skin>

6. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

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

7. Cari kode <div class=’post hentry uncustomized-post-template’>

8. Letakkan kode dibawah ini tepat dibawah kode <div class=’post hentry uncustomized-post-template’>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div class='breadcrumbs'>

Browse »  <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
 <b:loop values='data:posts' var='post'>
 <b:if cond='data:post.labels'>
 <b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.isLast == &quot;true&quot;'> »
 <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
 </b:if>
» <span><data:post.title/></span>
 </b:loop>
 </b:if>
 </b:loop>

</div>
 </b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
 <b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

9. Klik Simpan atau Save untuk menyimpan dan lihat hasilnya di atas judul postingan blog Anda