Cara membuat breadcrumb di blog

Navigasi seperti di atas lebih dikenal dengan nama "breadcrumb-navigasi". Dengan "breadcrumb-navigation" pembaca dapat dengan mudah mengetahui posisi dari sebuah artikel yang sedang dibaca dan juga dapat mencari artikel dalam kategori yang sama. Breadcrumb berfungsi agar blog kita lebih SEO .

Berikut adalah cara-cara:

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Klik Download Template Lengkap dan silakan kembali up template Anda terlebih dahulu
5. Silakan centang kotak kecil di samping Expand Widget Template
6. Cari kode ]]></ b: skin>

Copy dan paste kode di bawah ini di atas kode ]]></ b: skin>

. Breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0; font-size: 95%;
line-height: 1.4em;
perbatasan-bottom: 4px ganda # cadaef;
}

 Cari kode berikut :

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

Copy dan paste kode di bawah persis di bawah kode <div class='post hentry uncustomized-post-template'> :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Jelajahi <a »expr:href='data:blog.homepageUrl'> Beranda </ 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>

Klik tombol Simpan Template 

Posted in: Trik Blog