Membuat Navigasi Breadcrumbs

Umumnya, navigasi breadcrumbs tidak tersedia pada template bawaan blogger. Oleh karena itu kita sendiri harus membuatnya. Pentingnya navigasi breadcumbs karena dapat membantu search engine untuk masuk ke direktori blog kita.  Cara untuk membuat navigasi breadcumbs seperti gambar di bawah ini.

Navigasi Breadcrumbs

Cara untuk membuat navigasi breadcumbs  

1. Login ke id blog anda
2. Masuk ke Dasbor
3. Klik menu edit html
4. Agar template anda aman download template anda
5. Cari kode  ]]></b:skin> (Agar lebih mudah gunakan ctrl + F)
6. Kemudian copy kode di bawah ini dan letakan tepat sebelum kode ]]></b:skin>.

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

7. Kemudian cari kode <div class='post hentry uncustomized-post-template'>
8. Copy kode dibawah ini tepat setelah/dibawah kode di atas (no.7)

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

9. Simpan template anda...
10. Semoga berhasil.. Amin...

Share this post