Cara Memasang BreadCrumb Pada Blog Blogger
Cara Memasang BreadCrumb Pada Blog Blogger - BreadCrumb merupakan salah satu teknik SEO yang friendy dan sangat di sukai oleh search engine, dengan memasang BreadCrumb pada blog kita maka robot akan lebih gampang mengcrawl halaman blog kita. Sobat bisa lihat contoh dari pemasangan BradCrumb pada gambar di atas yang saya lingkari warna biru atau sobat bisa juga lihat di atas judul postingan ini.
Dari hasil pemasangan BreadCrumb maka postingan blog kita dari hasil pencarian di search engine akan terlihat seperti berikut :
Langsung aja yu kita praktek Cara Memasang BreadCrumb Pada Blog Blogger tapi sebelumnya sobat backup terlebih dahulu template sobat untuk menjaga hal yang tidak kita inginkan atau terjadi kesalahan pada saat edit template dan kita sudah punya salinan templatenya, jika sudah ikuti langkah-langkah berikut Cara Pasang BreadCrumb Pada Blog :
Selamat Mencoba
Dari hasil pemasangan BreadCrumb maka postingan blog kita dari hasil pencarian di search engine akan terlihat seperti berikut :
Langsung aja yu kita praktek Cara Memasang BreadCrumb Pada Blog Blogger tapi sebelumnya sobat backup terlebih dahulu template sobat untuk menjaga hal yang tidak kita inginkan atau terjadi kesalahan pada saat edit template dan kita sudah punya salinan templatenya, jika sudah ikuti langkah-langkah berikut Cara Pasang BreadCrumb Pada Blog :
- Seperti biasa masuk terlebih dahulu ke akun blogger sobat.
- Di dashboard tampilan blog baru pilih template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget)
- Cari kode berikut ]]></b:skin> untuk mempermudah proses pencarian sobat bisa tekan Ctrl+F atau tekan tombol F3 pada Keyboard sobat untuk melakukan pencarian.
- Jika sudah ketemu copy kode dibawah tepat diatas kode ]]></b:skin>
- Kemudian cari kode <div class='post hentry'>
- Lalu copy kode di bawah tepat setelah kode <div class='post hentry'>
- Setelah selesai klik tombol simpan template Sobat langsung bisa lihat hasilnya
.breadcrumbs {
padding:5px 5px 5px 0;
margin:0; font-size:95%;
line-height:1.5em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
padding:5px 5px 5px 0;
margin:0; font-size:95%;
line-height:1.5em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>
<b style="color: blue;">Home</b></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>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>
<b style="color: blue;">Home</b></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>
Selamat Mencoba
Anda baru saja membaca artikel yang berkategori Tips /
Tutorial
dengan judul Cara Memasang BreadCrumb Pada Blog Blogger. Anda bisa bookmark halaman ini dengan URL http://creativoltz.blogspot.com/2012/10/cara-memasang-breadcrumb-pada-blog.html. Terima kasih!
