Cara memasang menu navigasi breadcrumb pada blog

Sebuah navigasi yang berada diatas  judul artikel yang akan tampil jika ada di single post atau di page isi artikel. Fungsinya adalah untuk memperlihatkan posisi artikel  kepada pembaca dan juga dapat mencari artikel dalam kategori yang sama.
Breadcrumb sendiri kalau diterjemahkan dalam bahasa indonesia artinya remah roti; menurut saya maksudnya mungkin menggambarkan dari sebuah Roti (Sebuah blog) dan navigasi ini adalah remah roti nya atau potongan dari isi sebuah blog.

Berikut adalah langkah-langkah penerapan Menu Navigasi Breadcrumb:
1. Masuk ke menu Rancangan » Edit html, Centang menu expand template widget.
2. Cari kode ]]></b:skin> dan simpan CSS ini diatas kode tadi :

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

3. Cari kode :

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

dan simpan kode ini diatas kode Langkah no 3:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='breadcrumbs'>
<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>
</b:loop>
<b:else/>
&#187; Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

4. Cari kode :

<b:include data='top' name='status-message'/>

dan ganti dengan kode dibawah ini:

<!-- <b:include data='top' name='status-message'/> -->
<b:include data='posts' name='breadcrumb'/>