Membuat Breadcrumb Pada Blog

Breadcrumb adalah menu navigasi yang dibuat untuk menunjukkan lokasi dari halaman web yang anda kunjungi sekarang. Breadcrumb biasanya berada di posisi atas halaman web atau blog anda agar lebih SEO friendly.

Contoh breadcrumb pada blog :

Berikut adalah cara membuat breadcrumb pada blogger :

  1. Login pada blogger anda -> template -> edit html
  2. Cari kode ]]></b:skin> (gunakan Ctrl + F untuk mempermudah)
  3. Paste kode berikut di atas kode ]]></b:skin>

.breadcrumbs{

padding-left:10px;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

  4. Setelah itu cari kode <b:includable id='post' var='post'> dan pastekan kode di bawah ini

 <b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

<a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<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 != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> &#187; <data:post.title/>

</div>

</b:if>

</b:if>

  5. Simpan template, selesai deh..

Semoga bermanfaat..:)