Navigasi Breadcumbs,Jangan biarkan pembacamu Tersesat

Assalamualaikum Wr.wb
Hai-hai para Sharelikers sekalian,Apa kabarnya hari ini?
Nah Kali ini saya Ingin berbagi info sedikit tentang cara Memasang Breadcumbs.Apa itu breadcumbs?kalau mau lihat contohnya ituloh yang ada di blog saya,yang ada tulisan browse » home » tutorial » widget install » Navigasi Breadcumbs,Jangan biarkan pembacamu Tersesat ,Bagaimana,udah kelihatan belum?

Nah apa sih kegunaan breadcumbs?mungkin Judul postingan saya agak nyeleneh,iya,gak ada kata-kata tutorialnya sama sekali,hehe,tenang saja emang itu tujuannya breadcumbs diciptakan,sebagai pemandu bagi para pembaca,agar ia dapat dengan mudahh menelusuri suatu artikel,dan melihat jejak pencariannya,sehingga dengan mudah ia kembali ke artikel atau label sebelumnya.Hem mungkin agak ribet yah bahasanya,tapi moga aja sobat mengerti.

Oke  deh,kayaknya udah gak sabar lagi pengen pasang di blognya masing-masing langsung aja saya kasih tutorial cara memasang widget ini:

1.Loggin ke Blogger~dasboard~rancangan

2.Lalu cari Edit html~centang /contreng EXPAND WIDGET TEMPLATES

3.Masukkan kode berikut diatas ]]></b:skin>

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

4.selanjutnya,co-paste kode berikut ini dibawah ini (pilih salah satu yang ada)

  <b:includable id='post' var='post'> atau  

  <div class='post hentry uncustomized-post-template'>

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

Selamat Mencoba,semoga para pengunjung Blog anda tidak tersesat lagi.Bila ada kesulitan mohon ditanyakan

(SUMBER)