Membuat Navigasi Breadcrumbs. 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 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.
]]></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 == "item"'>
<div class='breadcrumbs'>
Browser » <a expr:href='data:blog.homepageUrl'>Home</a> » <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>
</b:if> » <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 Membuat Navigasi Breadcrumbs.
10. Selesai sudah cara membuat Membuat Navigasi Breadcrumbs kawan :)
2. Ebook Step By Step Motherboard Repair
3. Ebook Step By Step Teknisi Laptop
4. Step By Step Jaringan Komputer
