Cara Memasang Breadcrumb di atas Judul Posting Blog

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.

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 == &quot;item&quot;'> <div class='breadcrumbs'> <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. 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

Related Posts