Breadcrumb-navigation, sebuah navigasi yang tidak hanya mempermudah pembaca blog jagoan untuk melihat posisi artikel yang dia baca, namun breadcrumb-navigation dapat menjadikan template anda lebih SEO Friendly dengan mempermudah search engine menemukan dan menelusuri artikel-artikel pada blog jagoan. Pada blogger perlu adanya modifikasi template untuk membuat breadcrumb-navigation.
Berikut langkah-langkahnya:
1. Masuk ke tab Edit HTML pada blog jagoan
2. Lebih baik jagoan backup terlebih dahulu template jagoan sebelum melakukan perubahan
3. Jika telah di download, centang Expand Template Widget
4. Cari kode ]]></b:skin>
5. Masukkan kode dibawah ini di atas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
6. Cari kode yang mirip dengan
<div class='post hentry uncustomized-post-template'>
7. Masukkan kode di bawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<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>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
8. Simpan template jagoan, dan periksalah di atas judul postingan/artikel jagoan sudah munculkah breadcrumb-navigation tepat di atasnya. Life for sharing...
Thank's for reading the article of jagoblog.com. Please give us your support and advice with your comment. Do not forget to click one button below to share. Life for sharing...
5 komentar:
mungkin ada kode yg gk terkopi atau salah peletakan.. :-/
Post a Comment
Mari budayakan komentar yang positif dan mohon kebijaksanaannya untuk tidak melakukan spamming. Jangan menyertakan link di dalam komentar, karena akan terdeteksi sebagai spam oleh google Life for sharing...