0 Cara memasang breadcrumbs pada blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Breadcrumbs adalah bantuan navigasi antuk memudahkan para pengunjung untuk mengetahui letak halaman pada artikel yang dibaca. Dan bahkan kini mbah google sekarang juga sangat mempertimbangkan blog yang menggunakan breadcrumbs jadi tunggu apalagi segeralah pasang breadcrumbs pada blog sobat. Kalau google suka pengunjung banyak peringkat alexa naik juga kan??

Untuk contoh bisa sobat lihat diatas judul artikel ini. Dengan menggunakan breadcrumbs pada blog kita maka akan mudah juga search enginer membaca blog kita karena breadcrumbs adalah salah satu cara agar template kita menjadi tambah SEO friendly. Sobat mau?? Kasih gag ya,,hehehehe.. kasih dah,, :P

Langkah-langkah pembuatan breadcrumbs adalah sebagai berikut :
1. Silahkan login pada blog sobat
2. Pada halaman dasbor pilih Rancangan >> Edit HTML
3. Centang Expand template widget
4. Cari kode ]]></b:skin>
5. Letakkan kode dibawah ini diatas kode ]]></b:skin>

.breadcrumb {
border-bottom: 1px solid #CFE2F3;
font-size: 95%;
line-height: 1.4em;
margin: -11px -15px 8px;
padding-left: 3px;
}

6. Setelah itu cari kode <b:includable id='post' var='post'>
7. Letakkan kode dibawah ini dibawah <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb'>
You are here: &#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>

8. Save

Simpelkan sobat?? Nah, ayo tunngu apalagi, segera pasang pada blog sobat.

Sekian tutorial tentang cara memasang breadcrumbs pada blog, Semoga bermanfaat bagi sobat semua, terima kasih.. ^_^