Cara Membuat Breadcumbs

Breadcrumbs navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumbs adalah wajib karena sangat berguna untuk mempermudah search engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya ).

Gambar diatas adalah contoh breadcrumb navigation yang saya ambil dari screenshot blog saya, kebetulan judul post-nya waktu itu adalah tentang Stephan El Shaarawy Geser Rekor Pato di Liga Champion, untuk membuat dan memasang breadcrumbs saya kira tidak begitu sulit jadi sobat bisa membuat nya dengan tutorial cara membuat breadcumbs yang saya berikan berikut ini:

Cara Membuat Breadcumbs

Login di Blogger
Pilih Design
Pilih Edit Html
Centang pada Expand Widget Templates
Cari kode ]]></b:skin>
Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

.breadcrumb {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

Kemudian cari kode seperti di bawah ini

<div class='post hentry uncustomized-post-template'>Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini
<div class='post hentry'>

Letakkan kode dibawah ini tepat diatas salah satu kode merah diatas

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumb'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>