Cara Membuat Breadcrumb Di Blogger

Saya akan membuat tutorial membuat Breadcrumb Navigation,
Kalian gak tau apa itu Breadcrumb Navigation? nih gambarnya

Step 1.

Login Blogger id.

Step 2.
Klik rancangan,edit html

Step 3.
Backup dulu templatenya,Jaga-jaga

Step 4.
Centang checklist box EXPAND WiDGET TEMPLATE

Step 5.
Cari kode ]]></b:skin>

Step 6.
Copy kode berikut persis di ata kode ]]></b:skin>

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

Step 7.
Lalu cari kode berikut pada template anda <div class='post hentry uncustomized-post-template'>

Step 8.
Lalu copy kode berikut persis di bawah kode tadi.

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>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>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Step 9.
Save templatenya,dan selesai.