ABie DearyOu

ABie DearyOu
Buat Kamu

ABie DearyOu

ABie DearyOu
Buat Kamu

Rabu, 10 Agustus 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.

Tidak ada komentar:

Build Page

Kalender


Hari Ulang Tahun

  © Blogger templates The Transformers by Blog Tips And Trick 2009