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
Nah setelah anda selesai
Cara buat navigasi breadcrumb, blog anda sudah jadi seo friendly untuk optimasi seo, Cukup sekian dulu ya, semoga bermanfaa
