Cara Membuat Menu Breadcrumbs Di Blogspot

Kembali lagi bersama BLOGJELLY, malem ini saya lagi seneng² nya nulis artikel .Walaupun artikel saya kurang berbobot tapi gak apalah yang penting bisa berbagi ilmu kepada sesama pemula kayak saya.
Nah postingan kali ini masih tentang Dunia Blogging .
Sesuai dengan  judul yaitu  Membuat menu breadcrumbs Di Blogspot.
Saya kasih contoh apa itu menu Breadcrumbs biar gak penasaran :

Apa Fungsi Menu Breadcrumbs bagi Blog ?

lah kalo ditanya fungsinya banyak , salah satu fungsi memudahkan suatu pengunjung mencari labels blog anda dan saya pernah denger juga Menu Breadcrumbs ini menunjang SEO juga loh , gak percaya coba sendiri de , hehe :D

Lah iya langsung aja deh cara buatnya gimana , dari pada ngelantur kesana sini gak nyampe nyampe.
Silakan Monggo diikuti langkah - Langkah dibawah ini yaa :

• Pertama seperti biasa Login Ke Account Blogscepot sobat kemudian masuk ke Rancangan → Edit HTML.
• Jangan lupa centang Expand Widget lalu cari kode ]]></b:skin> biar gak ribet nyarinya pake CTRL +F.
• Lalu Copy Kode dibawah ini , lalu letakan diatas kode ]]></b:skin> 

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

Kalo udah selesai cari lagi kode ini : <b:includable id='post' var='post'>
Kalo sudah ketemu kode diatas , copy kode dibawah ini pastekan tepat dibawah kode <b:includable id='post' var='post'>

Kode:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#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>

Kalo sudah semua , simpan dan silakan lihat hasilnya Menu Breadcrumbs sobat blogger sudah selesai .
Selamat Mencoba dan semoga bermanfaat.