Dengan memasang navigasi breadcrumb maka kita akan tahu dilabel mana letak postingan kita. Selain itu menurut beberapa pakar seo dengan memasang navigasi breadcrumb maka blog kita akan disukai oleh searchy engine,khususnya mbah google. Istilah lainnya blog kita lebih seo friendly.
Kali ini fauzionline akan memberikan tutorial cara membuat navigasi breadcrumb.
Berikut ini yang dinamakan navigasi breadcrumb dibawah ini:
itu yang namanya navigasi breadcrumb. Untuk membuatnya silahkan ikuti langkah- langkahnya di bawah ini:
1. Login ke akun blog anda
2. Klik menu rancangan >> Edit HTML
3. beri centang 'expand widget templates'
4. kemudian cari kode <b:if cond='data:post.title'>, untuk memudahkan pencarian tekan tombol ctrl+f dan pastekan kode tersebut.
5. Lalu copy dan pastekan kode dibawah ini setelah kode <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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>
6. Setelah itu cari kode ]]></b:skin> dan pastekan kode css dibawah ini diatas kode ]]></b:skin>
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
7. Jangan lupa disimpan.
Selesai dan lihat hasilnya
