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 ]]>


* 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'>

Kemudian silahkan kalian cari kode berikut :

<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

Note :
* 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
"

Browse More Articles

Tweet

Written by risky

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.