Navigasi Breadcrumbs boleh jadi menjadi navigasi pilihan yang paling sering digunakan oleh para blogger yang menginginkan weblog-nya SEO Friendly selain menggunakan navigasi halaman ataupun jenis navigasi yang lainnya. Dengan navigasi ini pengunjung akan dengan mudah mengetahui posisinya saat berada pada sebuah situs (lihat gambar). Selain itu pemilik blog juga akan diuntungkan karena semua judul posting-lah yang akan muncul pada Search Engine (mesin pencari), nah...hebat bukan?
Cara memasang Navigasi BreadCrumbs sbb:
Cara memasang Navigasi BreadCrumbs sbb:
- Login ke blogger
- Edit HTML
- Beri tanda centang pada kotak Expand Template Widget
- Cari kode berikut ini:
<b:includable id='main' var='top'>
- Jika sudah ketemu, letakkan kode berikut tepat di atas kode tadi
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Posisi:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums -->
</b:includable>
<b:if cond='data:post.dateHeader'>
<b:include data='post' name='breadcrumbs'/>
.breadcrumbs {
margin:0 0 0.5em;
font-size: 86%;
padding:0 0 0.5em;
}
- Simpan Template anda
