Breaking News
Loading...
March 16, 2013

Cara Membuat Breadcrumbs di Blogspot

4:34 AM

Cara Membuat Breadcrumbs di Blogspot
Cara Memasang Navigasi Breadcrumbs di Blogspot - Salah satu cara menjadikan blog seo friendly yaitu dengan membuat navigasi breadcrumbs yang letaknya diatas judul postingan blog. Apabila kategori / label blog dibuat maka dengan pemasangan breadcrumbs navigasi inilah label tersebut akan ditampilkan dan pengunjung akan mengetahui kalau artikel yang sedang dibacanya berdasarkan label / kategori apa. Dan anda dapat lihat struktur breadcrumbs blogger seperti pada gambar dibawah ini. Biasanya template default blogger masih belum ada breadcrumbs, nah untuk itulah harus ditambahkan navigasi breadcrumbs secara manual.

Cara Membuat Breadcrumbs di Blogspot

Cara Membuat Breadcrumbs Di Blogger
1. Buka blog anda
2. Pada dashboard, silahkan pilih Template
3. Lalu pilih Edit HTML
4. Centang Expand Widget Templates
5. Tekan F3, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

6. Cari kode <b:includable id='post' var='post'> dan letakkan kode berikut 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>

7. Selesai, Save Templates

Demikianlah ulasan mengenai Cara Membuat Breadcrumbs di Blogspot/Blogger, silahkan dicoba untuk blog anda yang masih belum memasang navigasi breadcrumbs, happy bloging.

Cara Membuat Breadcrumbs di Blogspot
Share:

0 comments:

Post a Comment

 
Toggle Footer