Cara Pasang Breadcrumbs Navigasi

By mailgurning on 21 Maret 2011

Apakah blog anda sudah dipasang navigasi breadcrumbs? Jika anda ingin lebih mengoptimalkan blog anda agar lebih seo friendly dan user friendly, sebaiknya anda memasang breadcrumbs navigasi. selain untuk mempermudah pengunjung, konon kata para master SEO, si mbah google menyukai blog yang dipasangi navigasi breadcrumbs ini, jadi kenapa anda tidak mulai berfikir untuk memasang Breadcrumbs Navigasi?

Beberapa sumber berita yang saya baca di Internet menyebutkan bahwa google sudah dapat membaca dan memahami data breadcrumbs blog kita, jadi jangan heran bila anda menemukan ada sebuah blog pada hasil pencarian (SERP) url nya yang ditampilkan malah kategorinya.

Nah... bagaimana? sudah selesai berfikir? jika sudah, dan anda ingin memasang navigasi Breadcrumbs ini, silahkan melakukan beberapa langkah yang saya berikan ini.

1. Masuk ke Rancangan > Edit HTML > checklist Expand Widget Templates. Untuk mengamankan template anda, sebaiknya download dulu template anda untk berjaga-jaga.
2. Copy kode css berikut lalu pastekan sebelum kode </b:skin>. (gu8nakan ctrl+f untuk memudahkan pencarian)

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

3. Kemudian cari kode ini <b:includable id='main' var='top'> dan pasang kode berikut tepat di atas kode tadi.

<b:includable id='breadcrumbs' var='post'>

<b:if cond='data:blog.pageType == "item"'>


<b:if cond='data:post.labels'>
Go  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<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'>
> <data:post.title/>
</b:if>
</b:if>


</b:if>

</b:includable>

4. Lalu cari kode <b:loop values='data:posts' var='post'> (biasanya ada 2 kode yg sama pilih kode yang pertama) dan pasang kode berikut di bawah kode tadi