Cara Membuat BreadCrumb diblog

Memasang BreadCrumb di blog ini akan membuat blog kita lebih mudah di kenali oleh searching engine, karena breadcrumb ini seperti sebuah keywords atau tag yang bisa memancing searching engine untuk meng index postingan kita menjadi lebih cepat, oleh karena itu saya sangat menyarankan sekali buat sobat blogger yang belum memasangnya, oke sekarang kita langsung saja ke TKP cara memasang bread crumb dib blog kita.

Pertama biasa masuk ke Blogger

Edit HTML

Centang Expand Widget Template

cari kode seperti ini : ]]></b:skin>

setelah itu copy code dibawah ini tepat di atas kode tadi:

.breadcrumbs{

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

setelah itu save template sobat.
sekarang centang expand widget template.
dan cari kode seperti ini:

kalau udah ketemu copy code dibawah ini tepat dibawah kode ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> 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'><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>

Kalau udah selesai sekarang pratinjau blog sobat kalau udah berhasil jangan lupa save templatenya. Sekarang untuk melihat hasilnya silahkan lihat salah satu postingan sobat dan lihat di atas judul postingan maka akan ada navigasi yang berurutan. Nah itulah yang baru saja sobat buat.

Cara Membuat BreadCrumb diblog Versi II klik disini

Happy Bloging

Artikel Terkait

Tutorial Blog