Cara Memasang Breadcrumb di Blogspot

Hallo sobat blogger.., sore ini saya ingin berbagi artikel yang membahas fitur navigasi yang terletak diatas maupun dibawah postingan blog yang kita kenal dengan nama breadcrumb (lihat sreenshot),  yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada.

langsung saja kita praktekkan langkah - langkah membuat breadcrumb :
1. Login terlebih dahulu di Blogger.

2. Klik Expand Template Widget. 

3. Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>

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

4. Setelah itu, cari kode seperti ini :

<div class='post hentry'>

5. Letakkan kode berikut ini tepat setelah kode <div class='post hentry'>

Copy:

<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>

6. Simpan Template.


semoga artikel diatas bermanfaat bagi sobat2 blogger.

Posted in: Blog, Tips