Cara Memasang atau Membuat Breadcumbs di Blog

Assalamualaikum!Setelah Blogwalking keseluruh blog didunia maya dan luna (emangmya artis?),saya ketemu ini :"Navigasi Breadcumbs",pasti kalian bertanya apa itu Navigasi Breadcumbs dan bagaimana ia bisa jadi pemandu untuk blog kita?Contoh breadcumbs adalah yang ada dipostingan ini yaitu :
Browse » Home » Tutorial » Cara Memasang atau Membuat Breadcumbs di Blog
Jadi,breadcumbs adalah pemandu gratis agar pengunjung blog kita bisa dengan mudah menelusuri jejak pencariannya dan kembali ke label atau artikel sebelumnya.Daripada banyak basa-basi,langsung aja ini cara membuatnya.Cekidot :

1.Login Blogger - Dasbor - Rancangan - Edit HTML - Ceklis/Centang/Conteng EXPAND WIDGET TEMPLATE

2.Masukkan kode dibawah ini diatas kode ]]></b:skin> (Tekan CTRL + F supaya cepat)

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

3.Setelah itu,copas kode dibawah ini setelah kode ini (<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>

5.Save Template (sebaiknya dipratinjau dulu).Selesai,semoga pengunjung anda tidak tesesat lagi dengan adanya Pemandu Gratis ini.Wassalam!

Sumber

Posted in: Tutorial