Friday, December 16, 2011

Cara Gampang Membuat Navigasi Breadcrumbs

Cara Gampang Membuat Navigasi Breadcrumbskali ini saya akan menjelaskan gimana Cara Gampang Membuat Navigasi Breadcrumbs di blog anda, Suatu tutorial yang menurut saya ini memang penting dan bisa juga untuk bagus-bagusin blog kita. Dengan cara ini pula, kita bisa mendapatkan atau menambah kekuatan dengan menambah kategori pada Indeks Search Engine. Sehingga kita bisa memberikan efek tersendiri pada posting seperti penambahan kekuatan keyword atau Search Engine. Untuk contoh lebih jelasnya bisa lihat diatas judul Posting saya ini kawan. Dan untuk mempercepatnya mari kita langsung saja membuat  Cara Gampang Membuat Navigasi Breadcrumbs  sebagai berikut.

Cara pemasangannya pun seperti ini kawan :

1. Login ke Blogger kawan.

2. klik Rancangan klik Edit HTML.

3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget.

4. Lalu sobat cari kode ini. Agar lebih mudah dengan menggunakan Ctrl F atau F3.

Cara
]]></b:skin>


5. Kalau sudah ketemu copy kode dibawah ini dan paste diatasnya.


.breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0 0 5px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 1px solid #ccc;
}



6. Kemudian cari lah kode seperti ini.


<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>



8. Jika sudah ketemu mencarinya, maka copy kode berikut dan paste diatasnya.


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browser &#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>



9. Silahkan di pratinjau dulu saja apabila teman-teman belum yakin, dan agar mengantisipasi terjadinya kesalahan dalam pemasangan kode 
Cara Gampang Membuat Navigasi Breadcrumbs.Source