Sabtu, 06 Maret 2010

Pasang Navigasi Breadcrumbs


Kali ini saya akan membahas bagaimana cara pasang Navigasi Breadcrumbs. Dengan cara ini, kita dapat menambah kekuatan dengan menambah kategori pada Indeks Search Engine sehingga bisa memberikan efek tersendiri pada posting seperti penambahan kekuatan Keyword dan sebagainya.

Berikut cara memasangnya :
Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula. Beri tanda centang pada kotak di samping tulisan Expand Template Widget.

Lalu sobat cari kode ]]></b:skin>

Tips : Untuk mempercepat pencarian anda bisa gunakan tombol F3 Kalau sudah ketemu copy kode berikut dan paste diatasnya

 breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0 0 5px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 2px double #cccccc;
}
   
Kemudian cari kode seperti berikut :

 <a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
   
Jika sudah ketemu copy kode berikut dan paste diatasnya

Kode Berikut 
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse : <a expr:href='data:blog.homepageUrl'><data:homeMsg/></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; <a expr:href='data:post.url'><data:post.title/></a>
</div>
</b:if>
</b:if>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba