Cara Membuat/Memasang Navigasi Breadcrumb di Blog

Pada kesempatan kali ini saya akan post cara memasang Breadcumb di Blog
ini dia contoh Bradcrumb

Breadcrumb sendiri berfungsi untuk membantu memberikan informasi kepada  si pembaca tentang di artikel mana dan di menu apa si pembaca berada, dan ini juga bisa Menjadikan blog anda lebih SEO friendly. bagaimana tertarik untuk memasang ini kan?

langsung ikuti tutorial di bawah ini

Cara Memasang BreadCrumb di blog

1. Login ke akun blogger sobat 

2. Klik Template kemudian unduh template (untuk jajaga apabila terjadi kesalahan)

3. setelah itu Edit HTML kemudian Centang Expand Template Widget

4. Cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempermudahkan pencarian) Jika kode sudah ketemu copy kode berikut tepat diatas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}

5. Kemudian cari kode berikut <b:includable id='post' var='post'> (Gunakan CTRL + F untuk mempermudahkan pencarian) jika sudah ketemu copy kode berikut tepat di bawanya

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
You are Here &gt; <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;'> , </b:if>
</b:loop>
</b:if> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

6. Selesai, klik Simpan Template kemudian lihat hasilnya ^_^

Semoga trik yg saya berikan bermanfaat untuk obat