Tuesday, October 16, 2012

Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog

ECHO 17 - Pada awal saya ngeblog, saya sempat membaca sebuah artikel yang dalam satu kutipan bilang begini " Navigasi breadcrumb adalah bagian dari blog yang keberadaannya dapat menunjang blogmu di mata search engine" membaca kata tersebut maka langsunglah saya membuat navigasi breadcrumb. eh pas mau buat ternyata nggak semuda yang di bayangkan, ternyata eror sob!!. Sudah banyak macam breadcrumb navigasi yang saya pasang di blog saya tapi tak ada satupun yang bisa.. eror semua, terutama jika menerapkan 2 atau lebih kategori dalam 1 artikel. Dari situlah saya tahu, ternyata permasalahnnya adalah perbedaan kode di setiap template. Template yang ku pakai adalah template minimal.

Navigasi breadcrumb sendiri adalah sebuah navigasi atau penunjuk halaman yang umumnya berfungsi untuk membantu memberikan informasi kepada si pembaca tentang di artikel mana dan di menu apa si pembaca berada. bagi sobat yang tertarik untuk memasang navigasi breadcrumb di blog sobat, silahkan ikuti tutorial nya di jamin tidak eror dan so pasti SEO friendly...


1. Log in ke akun blog sobat.
2. Klik Rancangan---> Edit HTML --> Klik Download template lengkap
4. Letakkan kode berikut di atas kode ]]></b:skin>. ( gunakan Ctrl + F untuk memudahkan pencarian)

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

5. Kemudian sobat cari kode seperti ini :

<b:includable id='post' var='post'>

6. Pastekan kode berikut tepat di bawahnya.

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
You are Here &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<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> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

7. Yang terakhir sobat tinggal simpan template dan lihat hasilnya.

Semoga tips & trik di atas bisa membantu sobat blogger...
Judul: Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog; Ditulis oleh echo sd; Rating Blog: 5 dari 5
Baca Juga Yang Ini, Seru Loo!!

1 comment:

Terima kasih atas kunjungan anda. Silahkan tinggalkan komentar sobat dan dapatkan backlink satu arah langsung ke blog sobat dengan widget top komentator yang saya pasang di sidebar blog ini. Caranya dengan menjadi pemberi komentar terbanyak di blog ini, Komentar anda dapat dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu.


Terimakasih Atas Kunjungan Anda



Andrias Eka Fajar Darmawan
( Admin )