Minggu, 20 November 2011

You are here: » Home » , » Cara memasang breadcrumbs pada blog

Cara memasang breadcrumbs pada blog

Cara memasang breadcrumbs pada blog
Breadcrumbs adalah bantuan navigasi antuk memudahkan para pengunjung untuk mengetahui letak halaman pada artikel yang dibaca. Dan bahkan kini mbah google sekarang juga sangat mempertimbangkan blog yang menggunakan breadcrumbs jadi tunggu apalagi segeralah pasang breadcrumbs pada blog sobat. Kalau google suka pengunjung banyak peringkat alexa naik juga kan??

Untuk contoh bisa sobat lihat diatas judul artikel ini. Dengan menggunakan breadcrumbs pada blog kita maka akan mudah juga search enginer membaca blog kita karena breadcrumbs adalah salah satu cara agar template kita menjadi tambah SEO friendly. Sobat mau?? Kasih gag ya,,hehehehe.. kasih dah,, :P

Langkah-langkah pembuatan breadcrumbs adalah sebagai berikut :
1. Silahkan login pada blog sobat
2. Pada halaman dasbor pilih Rancangan >> Edit HTML
3. Centang Expand template widget
4. Cari kode ]]></b:skin>
5. Letakkan kode dibawah ini diatas kode ]]></b:skin>

.breadcrumb {
border-bottom: 1px solid #CFE2F3;
font-size: 95%;
line-height: 1.4em;
margin: -11px -15px 8px;
padding-left: 3px;
}

6. Setelah itu cari kode <b:includable id='post' var='post'>
7. Letakkan kode dibawah ini dibawah <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb'>
You are here: &#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>

8. Save

Simpelkan sobat?? Nah, ayo tunngu apalagi, segera pasang pada blog sobat.

Sekian tutorial tentang cara memasang breadcrumbs pada blog, Semoga bermanfaat bagi sobat semua, terima kasih.. ^_^

12 comments

2 Desember 2011 pukul 10.26

ga berubah nih :(

3 Januari 2012 pukul 04.37

om, tip dn triknya gk jalan.

12 Februari 2012 pukul 01.59

Terima kasih, sangat membantu bagi newbie seperti saya.. :)
Alhamdulillah setelah saya coba, langsung berhasil :)

24 Februari 2012 pukul 20.17

gan kode ini kok gak ada ya?gmn solusinya?

29 Februari 2012 pukul 02.05

gan ga ada demonya ya..?

7 Mei 2012 pukul 17.30

Assalamualaikum,selamat pagi kk!!!

nice info, ok saya ijin praktek aja ya kk

makasih bwt infonya!

:)

21 Mei 2012 pukul 05.25

artikelnya sangat bermanfaat sob. terima kasih

thanks mas,sudah diterapkan. 100% work :)

mkasih bnyak bro ud share,triknya bekerja :)

27 Juli 2012 pukul 08.40

bingung kang, blog masih sepi2 aja ni haha

28 Juli 2012 pukul 14.39

sip....simple

5 Agustus 2012 pukul 01.18

thanks ya sudah share.sukses diterapkan :)

Posting Komentar

Terima kasih atas kunjungannya, blog ini beraliran DOFOLLOW Nah, jadi sobat jangan sungkan-sungkan untuk meninggalkan komentar..
Maaf komentar SPAM tidak akan saya tampilkan.. Wassalam.. ^_^