Cara Membuat Navigasi Breadcrumbs

Cara Membuat Navigasi Breadcrumbskali ini saya akan menjelaskan gimana Cara Membuat Navigasi Breadcrumbs di blog anda(repostdari post sebelumnya), 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 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 Membuat Navigasi Breadcrumbs
]]></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 Membuat Navigasi Breadcrumbs.Source

G+

0 comments:

Post a Comment