Anda disini » Home » , » Cara Membuat Breadcrumb untuk Blogger

Cara Membuat Breadcrumb untuk Blogger

Apa itu Breadcrumb ? Breadcrumb bisa dibilang sebagai salah satu bentuk navigasi di blog anda, breadcrumb akan memberikan gambaran jejak yang jelas untuk tiap artikel/posting yang sedang ditampilkan dan dibaca pengunjung blog.

Contoh penggunaan Breadcrumb dapat anda lihat di blog ini, letaknya tepat di atas judul posting, seperti ini :
breadcrumb(panduan-info.blogspot.com)

Apa fungsi Breadcrumb ? Sudah jelas untuk mempermudah pengunjung untuk mengetahui tata letak penyimpanan sebuah artikel yang sedang ia baca. Dengan fasilitas ini kita dapat mengundang mata pengunjung blog dan membuatnya menjadi lapar informasi ketika melihat akar sumber artikel dan meng-klik-nya sehingga secara tidak langsung membuat pengunjung mau berlama-lama di blog kita. Ada juga yang bilang kalo Breadcrumb cukup positif pengaruhnya di mata SEO. Jadi, tunggu apa lagi ? Kalo anda belum pasang Breadcrumb di blog anda, berikut langkah-langkah sederhana cara membuat breadcrumb di blogspot :

1. Masuk ke blogger.
2. Pilih menu Rancangan >> Edit HTML.
3. Centang tulisan Expand Widget Templates.

4. Cari kode berikut :                 

<b:if cond='data:post.title'>

5. Tambahkan kode berikut tepat di bawahnya :

<b:if cond='data:blog.pageType == "item"'>
<a href='http://panduan-info.blogspot.com/'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
GANTI TULISAN YANG BERWARNA MERAH DENGAN URL BLOG ANDA !

 6. Simpan template.

Oh ya, anda juga bisa menambahkan garis di bawah navigasi dengan menambahkan kode <hr/> di bawah kode <data:post.title/>.
Cara ini lumayan sederhana, jadi anda pasti bisa menerapkannya untuk blog anda. Semoga sukses.Senyum


agus-hadi-photo-authorSetiap tutorial atau file download yang Anda temukan pada blog ini bebas digunakan untuk apapun sesuai dg keinginan anda, baik dengan maupun tanpa kredit ke blog ini. Tentang  |  Profil Google  |   Profil Blogger  |   Berlangganan via email
>> Ditulis dalam kategori ,

Anda dapat meninggalkan komentar, atau trackback dari blog anda.
Ada 2 Komentar tentang "Cara Membuat Breadcrumb untuk Blogger"
  1. terimakasih sobat, sudah berhasil thnk,,

    [Balas Komentar]

    Cool Sitemap Blogger....

    [Balas Komentar]

Poskan Komentar

Silahkan tulis komentar maupun pendapat anda pada kolom di bawah ini :

© Panduan - Info 2010 is proudly powered by Blogger.com | Template by Agus Hadi Wijaya