Cara Mudah Membuat Breadcrumb Bagus Pada Blogger

britazone.blogspot.com - Apa sih sebenarnya breadcrumb itu? Breadcrumb atau breadcrumb trail tidak lain merupakan path navigasi yang tujuannya adalah menampilkan jejak atau mapping suatu lokasi halaman blog. Dengan adannya breadcrumb maka kita akan tahu posisi atau letak halaman blog yang sedang kita buka.

Untuk lebih jelasnya silahkan lihat gambar berikut:

Breadcrumb sangat bagus untuk SEO sebuah blog dan setiap kategori yang ditampilkan akan selalu di pisahkan dengan tanda arrow atau koma. karena sangat bagus untuk SEO, maka sangat dianjurkan bagi blogger membuat breadcrumb pada blog mereka.

Untuk langkah pembuatan breadcrumb silahkan ikuti step-step dibawah ini:

Login dulu ke blogger
Pilih Design/Rancangan
Klik Edit HTML dan centang Expand Widget Template
Cari Kode  <div class='post hentry'>
Kemudian letakkan kode dibawah ini persis dibawah-nya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Kita Disini</span><img src='http://www.creativecommunications.com/Support/Structure/icon_breadcrumbArrow.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>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>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='http://www.creativecommunications.com/Support/Structure/icon_breadcrumbArrow.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if>

Jangan lupa klik Save Template