Minggu, 06 Februari 2011

Membuat navigasi breadcrumb


Membuat navigasi breadcrumb agar blog lebih SEO FRIENDLY begitu kata para temen - temen blog agar proses crawl GOOGLE lebih enak dan jalannya lurus hehehe, maksudnya mudah di akses gitu gan hehehe ok contoh breadcrumb itu seperti ini gan

Home » tips blog » membuat navigasi breadcrumb

Begitulah namanya breadcrumb, nah sekarang mari langsung ke tahap pembuatannya

1. Log in ke blog anda
2. Klik Rancangan / Layout
3. Klik Edit html
4. Klik Template jika menggunakan Editor baru blogger
5. Centang Expand template widget
6. Cari kode di bawah ini

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

Setelah ketemu anda simpan kode di bawah ini di bawah kode

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

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</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>

Setelah itu cari kode ]]></b:skin>
Dan letakan kode di bawah ini di atas kode ]]></b:skin>

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

Lalu simpan template anda dan lihat postingan anda.