Breadcrumbs adalah navigasi sekaligs link yang berisi nama kategori atau label dan judul postingan. Posisinya di atas judul tulisan, breadcrumb biasanya diawali dengan link menuju beranda (home) atau halaman depan blog.
Lihat contoh breadcrumbs dalam gambar di bawah ini.
Breadcrumb tidak hanya berfungsi sebagai link internal yang disarankan Google, tapi juga berguna bagi mesin pencari yang mengindeks konten blog berdasarkan kategori, label, atau topik.
Template bawaan Blogger biasanya tanpa breadcrumbs. Karenanya, kita harus memasang sendiri.
1. Klik Tema > Edit HTML
2. Copas kode breadcrumbs berikut ini di atas kode ]]></b:skin>
3. Cari kode seperti ini :
5. Simpan Template!
Lihat contoh breadcrumbs dalam gambar di bawah ini.
Breadcrumb tidak hanya berfungsi sebagai link internal yang disarankan Google, tapi juga berguna bagi mesin pencari yang mengindeks konten blog berdasarkan kategori, label, atau topik.
Template bawaan Blogger biasanya tanpa breadcrumbs. Karenanya, kita harus memasang sendiri.
Cara Memasang Breadcrumb di Blog
Berikut inii Cara Memasang Breadcrumb di atas Judul Posting Blog. Kodenya dari Maskolis yang sedikit dimodifikasi.1. Klik Tema > Edit HTML
2. Copas kode breadcrumbs berikut ini di atas kode ]]></b:skin>
.breadcrumbs{
padding:0 0 8px 0;color:#666;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:1px solid #eee}
3. Cari kode seperti ini :
<div class='post hentry'>
4. Copas kode berikut ini tepat setelah kode <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <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>
5. Simpan Template!
Demikian Cara Memasang Breadcrumb di atas Judul Posting Blog. Wasalam (www.romelteamedia.com).*
Thanks for reading Cara Memasang Breadcrumb di atas Judul Posting Blog | Tags: Desain Blog | Follow @Romeltea on Twitter
Next Article
« Prev Post
« Prev Post
Previous Article
Next Post »
Next Post »
pada kondisi tertentu breadcrumb tidak dapat muncul dengan cara ini ya..
ReplyDeletewah, makasih gan
ReplyDelete