Home »,»Cara membuat breadcrumbs

Cara membuat breadcrumbs

Posted on 1:37 PM by Damar Yosa Aji

  1. Log in blogger
  2. Masuk ke menu Rancangan, Edit Html,
  3. Centang Menu Expand Template Widget
  4. Simpan kode berikut Diatas kode ]]></b:skin> :
 
/* ---------------
breadcrumbs
---------------------------------- */
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:double 3px
#e6e4e3;
}
 Slanjutnya ikuti petunjuk berikut:

Cari kode:
<div class='post hentry'>
  dan simpan kode ini dibawah kode tadi
<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' 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;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <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 &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; 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>

Simpan template dan lihat hasilnya... :)

sebagai catatan karena perbedaan dalam template, untuk pencarian (CTRL+F untuk mempermudah pencarian ) cari dengan kata kunci  post hentry


menu ini bisa dilihat contohnya pada artikel blog saya, tepatnya dibawah tanggal posting artikel, breadcrumbs ini mempermudah kita melihat posisi artikel dan posisi page yang kita kunjingi pada suatu blog.....

 Semoga bermanfaat dan berhasil dipakai.... 

page Number