Senin, 26 Januari 2015

Membuat BreadCrumb di blog Pasang BreadCrumb


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.

 

3 comments

akhirnya berhasil juga thanks ya atas tutorialnya

Untuk blog dengan tipe wordpress bisa nggak gan..? trims pencerahannya..

Admin (niamblog) delete 7 November 2011 00.10

untuk wordpress self hosting beda mas, ini untuk blogger saya..