Salah satu cara untuk meningkatkan navigasi sebuah blog adalah dengan menambahkan breadcrumb
navigasi di blog sobat blogger. Mamfaat SEO dalam memasang breadcrumb
adalah sebagai bagian dari teknik improvivasi navigasi untuk
memfasilitasi Search Engine Optimization. Dalam tutorial ini,
Tips Gratis akan memandu sobat blogger untuk menambahkan breadcrumb navigasi
di blog sobat blogger. Tapi sebelumnya baca dulu ulasan singkat tentang
navigasi Breadcrumb di bawah ini.
Breadcrumbs adalah nama yang diberikan untuk link navigasi yang biasanya
ditampilkan di atas judul atau title posting di blog dan di bagian atas
halaman. Breadcrumbs menyediakan sarana tambahan di mana visitor atau
pengunjung blog dapat dengan mudah melakukan navigasi situs atau blog
kita. Pada umumnya, Breadcrumbs menampilkan Halaman Depan atau home >
Label> Judul Posting.
Cara Membuat Navigasi Breadcrumb di blog :
- Sign In terlebih dahulu di www.blogger.com
- Dari Dasboard sobat klik Design dan Edit HTML
- Back Up dulu template sobat
- Kasih tanda centang pada Expand Widget Templates
- Paste kode di bawah ini dan letakkan 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>
- Kemudian, temukan kode ]]></b:skin>
- Kalau sudah ketemu, letakkan kode berikut di atasnya :
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
- Kalau sobat blogger sudah melakukan kedua proses di atas, simpan template sobat. Lalu sobat buka salah satu postingan sobat. Menu navigasi Breadcrumb pasti akan terlihat atau muncul.
EmoticonEmoticon