Tuesday, June 28, 2011

Cara Membuat dan Memasang Navigasi Breadcrumb di Blogger atau Blogspot

Cara Membuat dan Memasang Navigasi Breadcrumb di Blogger atau Blogspot - Breadcrumb adalah salah satu plugin milik Wordpress. Tapi sekarang sudah bisa diaplikasikan ke Blogger atau Blogspot.

Menurut ebook ‘Google Search Engine Optimization Starter Guide’, plugin ini memudahkan pengunjung mengetahui lokasi halaman yang ditelusuri. Selain itu, mengoptimalkan halaman blog di search engine.

Cara memasang navigasi Breadcrumb:

1. Masuk ‘Layout’, ‘Edit HTML’, centang ‘Expand Widget Templates’

2. Cari kode <b:if cond='data:post.title'>

3. Tambahkan kode ini di bawahnya
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>

4. Cari kode ]]></b:skin>

5. Tambahkan kode ini di atasnya
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}

6. Simpan, selesai.

____________________

No comments:

Post a Comment