Cara Membuat Breadcrumb | Mudahnya membuat breadcrumb - Pada postingan kali ini saya akan membahas tentang breadcrumb, dimana fungsi dari dari menu navigasi breadcrumb tersebut adalah untuk mempermudah pengunjung yang kebetulan sedang singgah pada blog anda untuk menunjukkan apa yang akan mereka cari pada halaman dan berada pada kategori apa.
Jika anda senang merubah template yang gratisan, tentunya isi dari template tersebut masih banyak kekurangannya untuk menuju ke template yang Seo friendly, salah satunya misalnya tidak adanya label di atas postingan atau disebut juga navigasi breadcrumb. Keutamaan membuat Breadcrumb ini adalah untuk mengoptimalkan Seo On Page. Ok saya tidak akan berbicara panjang lebar pada postingan ini, karena yang menjadi topik pembicaraan adalah cara bikin menu breadcrumb, bukan cerita panjang lebar yang akan membuat anda jenuh membacanya.
Cara memasang breadcrumb di blog
1. Login ke Blogger
2. Pilih Rancangan
3. Pilih Edit HTML dan centang Expand Widget Templates
4. Lalu cari kode ]]></b:skin>
5. Paste kode berikut tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Langkah selanjutnya cari kode <b:includable id='post' var='post'>
7. Kalau sudah, lalu letakkan kode dibawah ini tepat dibawah kode <b:includable id='post' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Anda disini » <a expr:href='data:blog.homepageUrl'>Home</a> »
<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 != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
8. Kini breadcrumb telah selesai dibuat dan simpan template anda
