Wednesday, December 28, 2011

Menambahkan Breadcrumb Di Blogspot

Apa itu breadcrumb?
Untuk lebih jelasnya, silahkan lihat gambar dibawah ini:


Apa fungsi breadcrumb? Ini akan menjadi semacam navigasi bagi google crawler untuk menjelajahi situs Anda. Lalu, bagaimana cara menambahkan breadcrumb di situs?

Berikut langkah2 menmbahkan breadcrumb di blogspot :
1. Pilih Tata Letak (Design)
2. Pilih Edit HTML kemuadian jangan lupa centang Expand Widget Templates
3. Cari kode berikut : (pakai CTRL + F biar cepet ketemu)
<b:includable id='main' var='top'>
 4. Setelah ketemu copas kode ini tepat di atasnya
<b:includable id='breadcrumbs' var='post'>

<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>

</b:if>
</span>
</p>
</b:if>
</b:includable>
 5. Kemudian cari kode ini :
<b:if cond='data:post.dateHeader'>
 6. Kemudian kopas kode berikut tepat di atasnya
<b:include data='post' name='breadcrumbs'/>
 7. Cari kode berikut :
]]></b:skin>
 8. terus kopas di atasnya
.breadcrumbs {
border-bottom:1px;
margin:0 0 0.5em;
padding:0 0 0.5em;
}
 9, Selesai dan simpan :D

3 comments :

Post a Comment