Cara Membuat Navigasi Breadcrumb

Cara Membuat Navigasi Breadcrumb - Breadcrumb berfungsi untuk memudahkan para pembaca untuk lebih jauh menelusuri blog anda. Sehingga pageview anda akan lebih banyak dan pengunjung blog anda juga akan merasa lebih nyaman. Pada artike ini saya akan membagikan Cara membuat breadcrumbs di blogger. Mengapa di blogger?.. Ya karena saya memakai blogger dan sekalian contohnya adalah blog saya sendiri.

Cara Membuat Navigasi Breadcrumb

Navigasi Breadcrumbs di blogger biasanya terbentuk dari susunan label postingan blog anda. Misalnya saja saya menuliskan postingan yang berjudul "Update Status Via Blackberry" dan postinga ini memiliki label Facebook, Lucu, Tutorial, Unik maka breadcrumbs yang terbentuk bisa anda lihat seperti gambar dibawah ini. Navigasi breadcrumbsnya saya beri tanda kotak warna merah.

Baiklan sekarang tahap membuat navigasi breadcrumb yaitu sebagai berikut:

1. Login ke Blogger >> Rancangan >> Edit HTML
2. Janga lupa untuk membackup dahulu sebelum melakukan edit dengan klik Download Template Lengkap
3. Centang "Expand widget templates"
4. Cari kode <b:if cond='data:post.title'> (untuk mempermudah gunakan CTRL+F) dan Jika terdapat lebih dari satu kode pilih saja kode yang pertama.
5. Copy dan paste kode dibawah ini tepat diatas 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. Selanjutnya cari kode ]]></b:skin>
7. Copy dan pastekan kode dibawah ini tepat 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;
}

8. Simpan template dan lihat blog anda.

Itulah cara membuat navigasi breadcrumb di blogger dengan mudah. Dengan breadcrumbs ini maka blog ana juga semakin seo frienly. Jika blog anda sudah lama dan mempunyai pagerank maka di pencarian google breadcrumbs anda akan terindek dan bisa tampil seperti gambar dibawah ini.

Cara Membuat Navigasi Breadcrumb di blogger

Lihatlah pada susunan url blog di pencarian google, jika breadcrumb sudah terindek maka susunannya seperti contoh blog diatas yang saya beri tanda kotak merah.

Bagikan Artikel Ini :

Ditulis Oleh : Arie Decoder // 2:57 PM
Kategori:

0 comments: