Cara Pasang Breadcrumbs Navigasi

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???? Biasanya letak penyimpanan navigasi breadcrumb ini berada diatas judul postingan kita yang hanya akan muncul di halaman postingan saja.


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

• Log in ke accunt blogger anda

• Pada dasbor --> Rancangan --> Edit HTML

• Jangan lupa centang Expand Widget Templates.

• Untuk mengamankan template anda, sebaiknya download dulu template anda untuk berjaga-jaga.

• Cari Kode berikut ini pada template anda ]]></b:skin>

• Setelah ketemu pasang kode dibawah ini diatasnya

.breadcrumbs{padding:5px 5px 5px 0;margin:0;font-size:95%;line-height:1.4em;border-bottom:4px double #cadaef;}

• Kemudian silahkan kalian cari kode berikut :

<div class='post hentry uncustomized-post-template'>

• Selanjutnya pasang kode dibawah ini tepat di atas kode tadi.

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<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 != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> &#187; <data:post.title/>

</div>

</b:if>

</b:if>

• Simpan template kalian

Hasilnya akan seperti ini :

Browse » Home » Label,label,label » Judul Posting

NB :

• Kalian bisa mengganti kata Browse dan Home pada kode diatas, misal pake kata Anda Disini, Rumah, dll

• untuk warna pada garis bawah breadcrumb navigasi ini kalian bisa merubahnya pada kode CSS diatas tepatnya kode #cadaef untuk merubah warna Anda dapat Memakai Mesin Warna pilih sesuai dengan selera

Semoga tutorial kali ini bermanfaat....