Sunday, May 13, 2012

Cara Membuat navigasi Breadcrumb di blog agar lebih seo friendly


Posted by: Bloggertrik // 2:43 AM | Kategori: trik blog
Cara Membuat navigasi Breadcrumb di blog agar lebih seo friendly
Dengan memasang navigasi breadcrumb maka kita akan tahu dilabel mana letak postingan kita. Selain itu menurut beberapa pakar seo dengan memasang navigasi breadcrumb maka blog kita akan disukai oleh searchy engine,khususnya mbah google. Istilah lainnya blog kita lebih seo friendly.

Kali ini fauzionline akan memberikan tutorial cara membuat navigasi breadcrumb.
Berikut ini yang dinamakan navigasi breadcrumb dibawah ini:

navigasi breadcumb

itu yang namanya navigasi breadcrumb. Untuk membuatnya silahkan ikuti langkah- langkahnya di bawah ini:
1. Login ke akun blog anda
2. Klik menu rancangan >> Edit HTML
3. beri centang 'expand widget templates'
4. kemudian cari kode <b:if cond='data:post.title'>, untuk memudahkan pencarian tekan tombol ctrl+f dan pastekan kode tersebut.
5. Lalu copy dan pastekan kode dibawah ini setelah 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> &#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>


6. Setelah itu cari kode ]]></b:skin> dan pastekan kode css dibawah ini diatas 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;
}


7. Jangan lupa disimpan.

Selesai dan lihat hasilnya
Cara Membuat navigasi Breadcrumb di blog agar lebih seo friendly
Cara Membuat navigasi Breadcrumb di blog agar lebih seo friendly Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/05/cara-membuat-navigasi-breadcrumb-di.html