Tuesday, August 30, 2011

Memasang Breadcumb di Blogger

Posted on 8:07 PM by Aozora

Posting kali ini tentang cara pemasangan breadcumb di blogger, breadcumb itu sendiri adalah sebuah navigasi yang menunjukkan urutan direktory yang sedang kita buka atau urutan link pada blogger, atau susunan hierarki postingan misalnya dari home>>(label posting)>>(judul posting), maka penggunaannya akan memudahkan pengunjung melihat struktur direktori blog kita. Agar mudah di lihat pengunjung breadcumb ini kita pasang di atas posting.

Pemasanganya sendiri tidak terlalu rumit dan tergolong mudah di praktekkan bahkan untuk seorang pemula blogger.
Untuk mamasangnya, yang harus kamu lakukan adalah masuk ke Blogger >> Design >> Edit HTML (beri tanda centang pada opsi expand widget template)

Selanjutnya kamu cari struktur kode seperti ini <b:includable id='post' var='post'> kemudian letakkan struktur kode berikut di bawahnya (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 == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
.

Selanjutnya kamu cari kode ]]></b:skin>. kalau sudah kamu letakkan kode berikut sebelum atau di atas kode ]]></b:skin>.
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
.
Kemudian simpan pengaturan template kamu dan lihat blog kamu sekarang...

Selamat mencoba, semoga berhasil.

No Response to "Memasang Breadcumb di Blogger"

Leave A Reply