Cara Membuat dan memasang menu navigasi breadcrumbs blogspot

 Dengan membuat menu breadcrumbs menjadikan blog kita lebih seo serta memudahkan bagi pengunjung ataupun pengguna untuk mengetahui lokasi/categori suatu posting yang dibaca. Navigasi breadcrumbs ini menunjukkan urutan isi halaman dari rootnya/home hingga ke posting artikel, yang bisa dilihat tepat di bagian atas suatu artikel yang kita baca. Cara pembuatan atau pemasangan menu navigasi breadcrumbs di blogspot ini masih disekitar templates blog.
1.login  ke blogger dengan ID sobat
2.Pilih Design atau Rancangan
3.Klik Edit Html Template, beri tanda centang  Expand Widget Templates
4.Cari kode  ]]></b:skin>
5.copy pastekan kode berikut ini di atas kode ]]></b:skin>

#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}

6.Cari dan temukan kode <div class='post hentry uncustomized-post-template'>
7.copy pastekan kode berikut ini di bawah kode  <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.pageType == &quot;item&quot; '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <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;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>

8.Save Template

catatan: - bila ada dua buah kode <div class='post hentry uncustomized-post-template'>
gunakan yang paling atas

Bila berhasil maka di atas judul posting anda , tampilannya serupa di bawah ini (tanda panah biru):

Semoga Artikel ini bermanfaat buat sobat semua !