Cara Memasang Breadcrumbs Navigasi

Cara Memasang Breadcrumbs Navigasi. Apakah blog sobat sudah dipasang navigasi breadcrumbs?Jika sobat ingin lebih mengoptimalkan blog sobat agar lebih SEO friendly dan user friendly, sebaiknya sobat memasang breadcrumbs navigasi. selain untuk mempermudah pengunjung, konon kata para master SEO, si mbah google menyukai blog yang dipasangi navigasi breadcrumbs ini, jadi kenapa sobat 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 sobat 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