Membuat BreadCrumb di blog Pasang BreadCrumb

Oleh: Pada: 19 April, 2018

Memasang bread crumb ini akan membuat blog kita lebih mudah di kenali oleh searching engine, karena bread crumb 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:

<div class=’post hentry uncustomized-post-template’>

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

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.

 


#blogger tutorial