Cara Mudah Memasang Breadcrumb

Posted by Tips Trick Blogger Sunday, February 20, 2011 0 comments

Apa itu breadcrumb?...semacam navigasi dari posting anda yang ditampilkan pada bagian atas atau bawah posting. breadcrumb memudahkan pengunjung untuk mengetahui atau melihat posisi artikel yang di baca dalam satu kategori...breadcrumb merupakan sebuah pendukung untuk mengoptimalkan blog yang seo friendly. Beberapa sumber berita yang saya baca di Internet menyebutkan bahwa google sudah dapat membaca dan memahami data breadcrumbs blog kita, jadi jangan heran bila anda menemukan ada sebuah blog pada hasil pencarian (SERP) url nya yang ditampilkan malah kategorinya. Bagaimana? anda tertarik? ikuti langkah berikut ini.

Log in ke blog anda
Klik Rancangan
Klik Adit HTML
Klik Expan Template Widget
Masukkan kode berikut di atas ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

Selanjutnya pasang kode berikut di bawah kode <b:includable id='post' var='post'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>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>
</b:if>

Bila script cara ini gagal, silahkan letakkan kode di atas setelah kode <div class='post hentry uncustomized-post-template'>