Membuat Navigasi Breadcumb SEO

Membuat Navigasi Breadcumb SEO ~ Sesuai dengan gambar diatas adalah Navigasi Breadcumb pada Guusnara. Untuk membuatnya silahkan ikuti langkah-langkah Membuat Navigasi Breadcumb SEO ini.

1. Buka Blogger kalian.
2. Masuk ke menu Desain.
3. Pilih Edit HTML
4. Pastikan backup terlebih dahulu Template anda untuk menghindari kesalahan dalam pengetikan.
5. Centang "Expand Widget Template".
6. Cari kode ]]></b:skin> dengan menekan CTRL + F.
7. Masukkan kode ini.
Kode 1:
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
8. Kemudian cari kode ini <div class='post hentry uncustomized-post-template'> jika tidak ada carilah kode yang ini <div class='post hentry'>
9. Masukkan kode dibawah ini.
Kode 2:
<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,nofollow'><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>

Kemudian simpan template anda. Selamat mencoba. Salam Bloggers !!!.