Cara membuat navigasi breadcrumb pada blog


Breadcrumbs biasanya muncul secara horizontal di bagian atas sebuah halaman web, 
biasanya ada di bawah bar judul atau header. 
Breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. 
Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri.
 Sebuah tanda yang lebih besar dari (>) sering berfungsi sebagai pemisah hirarki, meskipun dapat menggunakan simbol lainnya (seperti »atau>),
 serta beragam grafik.
Breadcrumbs biasanya terlihat seperti ini:

Home page> Nama Kategori> Judul Postingan
atau
Home page: Nama Kategori: Judul Postingan

Cara membuat breadcrumb:
1. Login akun blogger.com,
2.  Pilih Tab Design,
3. Pilih Tab Edit HTML, dan centang Expand Widget Templates
4. Cari kode ]]></b:skin>
5. Letakkan kode berikut diatas kode ]]></b:skin>

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
6. Cari kode <b:includable id='post' var='post'>

7. Lertakkan kode berikut dibawah kode <b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb'>
<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>
8. Save Templates.

Demikian cara membuat breadcrumb di blogspot,
semoga bermanfaat khususnya untuk memaksimalkan template blogspot agar lebih SEO friendly.