Cara Membuat Breadcrumbs

Sebelumnya saya telah share tentang "Cara Membuat SEO Blog Anda 100% di Chkme.com" nah waktu itu saya berjanji akan membuat postingan tentang breadcrumbs, tetapi saat itu saya belum ada waktu untuk membahasnya, sekaranglah saatnya untuk membahas tentang breadcrumbs ini dan anda sekarang tidak perlu mencari informasi ini digoogle lagi karena sudah tersedia disini hehe.

Kembali ke topik,
Apa itu Breadcrumbs?
Breadcrumbs merupakan salah satu navigasi yang berisikan kategori/label dari postingan yang biasanya diawali dengan tombol menuju home/beranda. Bentuknya seperti ini

Pada dasarnya breadcrumbs memungkinkan pengunjung untuk lebih cepat ke halaman sebelumnya atau ke halaman dengan cepat. Sekarang search engine sudah tidak menggunakan meta keyword lagi untuk mengindex sebuah website/blog, yang menjadi perhitungan google saat ini adalah mengenai meta tags, meta description dan kategori/label. Semakin relevan kategori/label semakin memungkinkan postingan anda berada di halaman depan google.

Berikut langkah-langkah membuat Breadrcumbs :

1. Login ke Blogger
2. Pilih template
3. Klik edit html
4. Letakkan kode berikut tepat diatas kode ]]></b:skin>

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

5. Kemudian cari kode

   <div class='post hentry'>

6. Letakkan kode berikut tepat dibawah kode diatas

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

7. Terakhir simpan template

Itulah pembahasan kita pada sore menjelang maghrib ini semoga bermanfaat bagi kita semua.