Tuesday, October 16, 2012

You are Here > Home > , > Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog

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!!
tips blog
tips
Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu
Anda sedang membaca artikel tentang Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog dan anda bisa menemukan artikel Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog ini dengan url http://echo-pitulas.blogspot.com/2012/10/cara-jitu-membuat-memasang-navigasi.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Jitu Membuat / Memasang Navigasi Breadcrumb di Blog sumbernya.
Posted by at
Labels: ,

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 )

Subscribe to: Post Comments (Atom)