Selasa, 09 Agustus 2011

Cara mudah memasang navigasi Breadcrumb di Blog

Memasang navigasi Breadcrumb di Blog merupakan salah satu teknik SEO yang bermanfaat. Dengan cara ini kita dapat menambah kekuatan kategori pada indeks Search Engine. 

Breadcrumb merupakan sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user untuk menavigasi halaman blog. gunanya adalah mempermudah user dalam menavigasi blog kita selain itu juga di senangi robot Google yang mengcrawl halaman blog. Maka memasang navigasi Breadcrumb sangat erat kaitannya dengan SEO, terutama SEO onpage. Dengan memasang navigasi Breadcrumb sesegera mungkin agar blog kita cepat terindeks oleh Google, hasilnya tampilan url posting blog kita akan lebih rapi dan dan teratur di tampilkan di SERP Google.

Nah berikut langkah-langkah memasangnya:

1. Login Blogger
2. Pilih Rancangan
3. Edit HTML ( expang template widget )
4. Cari Kode ]]></b:skin>
5. Copy Kode dibawah ini di atas Kode ]]></b:skin>

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

6. Selanjutnya Cari Kode <div class='post hentry'>
7. Kemudian Copy Kode dibawah ini dan letakan dibawah kode <div class='post hentry'>

<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><br/>

8. Save Template

Contoh bisa anda lihat pada blog ini :  Browse » Home » , » Cara mudah memasang navigasi Breadcrumb di Blog

Mudah-mudahan artikel ini bermanfaat buat sahabat remix-7, wassalam :-)




Artikel Terkait

Cara mudah memasang navigasi Breadcrumb di Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

8 komentar

9 Agustus 2011 14.54 delete

ane juga pake fasilitas breadcrumb, biar lebih mudah melihat halam yang di kuncungi :)

Reply
avatar
9 Agustus 2011 15.07 delete

Alhamdulillah saya sudah pasang :D hehe..

Reply
avatar
9 Agustus 2011 20.02 delete

mantab ni sob...thanks for share...

Reply
avatar
15 Agustus 2011 05.02 delete

@EX-DOT : Iya gan, benar sekali :)
@Pradisz Wardhana : Alhamdulillah gan sama :D
@mufied : sama2 sob :)

Reply
avatar
17 Agustus 2011 23.20 delete

@Asrizal Wahdan Wilsa : silahkan sob :)

Reply
avatar
27 Agustus 2011 21.19 delete

Sungguh Bermanfaat Sekali Postingan ini...
Izin Sedot Gan!

Reply
avatar
24 Januari 2012 22.02 delete

This is a very good article .. Thank you .. have a great day!.! happy blogging ...

Reply
avatar

Tinggalkan Jejak, Meriahkan Berkomentar secara sopan :-)
Memasukkan link ke dalam komentar adalah SPAM, maka akan dihapus