Coretan BoWo Coretan BoWo Coretan BoWo: Cara Mudah Membuat Breadcrumb Blogger

Thursday, June 7, 2012

Cara Mudah Membuat Breadcrumb Blogger

Membuat breadcrumb pada sebuah blog sepertinya sesuatu yang wajib diadakan, kenapa harus begitu? karena breadcrumb sangat baik bagi SEO blog karena akan memperkaya kata kunci dalam postingan. Dan bentuk dari breadcrumb itu sendiri adalah seperti gambar dengan tulisan yang melingkar merah pada gambar dibawah ini :

 

Bagi anda yang memakai template bawaan blogger breadcrumb ini tidak disediakan dan anda harus menginstalnya sendiri. Tetapi untuk template-template gratisan dari penyedia template yang banyak beredar terkadang fungsi breadcrumb ini sudah terpasang otomatis. Tapi dari penjelasan diatas yang lebih baiknya adalah mencobanya terlebih dahulu, kemudian anda akan melihat hasilnya dan barulah disitu anda bisa berkomentar tentang breadcrumb yang telah anda buat ini menari atau memang biasa saja. Dan apabila anda benar-benar ingin mencobannya silahkan anda mengikuti caranya dibawah ini:

Langkah untuk membuat breadcrumb pada blog :
1. Log in ke blogger
2. Masuk ke >>  Edit HTML >> Lanjutkan >> 4. Kemudian “Expand Template Widget”.
5. Dengan menggunakan CTRL F cara kode ]]></b:skin>
6. Copy kode Di Nomor 5 dibawah ini dan paste tepat diatasnya
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;

border-bottom:4px double #cadaef;
}
7. Kemudian copy kode dibawah ini dan paste tepat dibawah kode <div class='post    hentry'> atau cari kode ini <b:includable id='post' var='post'> Paste kode di  dibawah    tepat dibawahnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#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>

8. Simpan Teamlate
tanda tangan

Ditulis Oleh : Coretan BoWo ~ Berbagi ilmu

Christian angkouw Terimakasih telah membaca artikel tentang : Cara Mudah Membuat Breadcrumb Blogger . Semoga dapat memberikan hal yang positif bagi anda.

:: Coretan BoWo ::

1 komentar:

Thanks gan infonya, bermanfaat buat saya yang lagi pengen pasang wigdet ini.. sukses selalu..

Note :
~ Berikanlah komentar dengan kata-kata yang baik dan sopan.
~ Dilarang mencantumkan link yang berbau negatif.