Memasang Navigasi Breadcrumb Blogspot

Navigasi menu dalam blog sangat penting karena dapat mempermudah pengunjung blog/website melihat dan melacak lokasi dalam konten blog kita dan kembali ke awal blog kita dengan cepat dan mudah.
Navigasi menu dalam blog tersebut dapat juga di sebut dengan breadcrumb dan posisi nya biasanya berada pada posisi atas halaman blog kita atau tepatnya di bawah header.
Dan menurut pakar SEO Breadcrumb sendiri mempunyai beberapa fungsi dasar yaitu:

1. Menunjukan lokasi atau path dari halaman web yang di kunjungi.
2. menyediakan fitur akses satu klik ke level halaman di atas nya yang berguna menghindari pengunjung tersesat karena terlalu banyaknya menjelajahi setiap halaman web.

Dan berikut cara memasang navigasi breadcrumb pada blog kita:

langkah Pertama,pastikan anda sudah membuat label pada blog.

Selanjutnnya,login ke akun blogger kalian>lalu klik>rancangan dan kemudian klik>Edit HTML dan jangan lupa centang Expand Widget.

Selanjutnya cari kode berikut (gunakan Ctrl+F untuk membantu pencarian):

<b:includable id='main' var='top'>

copy dan letakkan kode breadcrumb di bawah ini tepat diatasnya.
 
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By infoklik 8/11/2011 http://anekainfoqu.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

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

</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

Kemudian,cari lagi kode berikut ini:

<b:if cond='data:post.dateHeader'>

copy dan letakkan kode dibawah ini tepat diatasnya.

<b:include data='post' name='breadcrumbs'/>

Nah,sekarang cari kode ]]></b:skin> ,jika sudah ketemu letakkan
barisan kode css breadcrumb dibawah ini tepat diatasnya.
 
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

selesai.
Jangan lupa save template.
Begitulah cara memasang menu navigasi breadcrumb pada blog khususnya blogspot.
Semoga bermanfaat.