01 Maret 2012

Cara Memasang Breadcrumb di Blog

Cara Memasang Breadcrumb di Blog | Assalamualaikum sobat blogger semua bagaimana kabarnya diawal bulan ini? pasti cerah doong, secara udah gajian gitu lhoo, hehehe.

Pada awal bulan ini saya mau berbagi sebuah tutorial blog mengenai Cara Memasang Breadcrumb di Blog. Apa itu breadcrumb ?? eits, walaupun namanya menggunakan bread, jangan salah sangka lhoo, breadcrumb bukanlah merupakan sebuah roti tapi breadcrumb itu adalah sebuah widget blog yang terdapat di atas judul postingan yang menunjukkan lokasi/kategori artikel tersebut berada.

Nah udah taukan?? Yuk sekarang kita buat roti crumb nya, hehe

1. Masuk ke Edit HTML blog terlebih dahulu, oh ya, jangan lupa untuk melakukan backup template terlebih dulu yah

2. Beri centang pada Expand Widget Templates

3. Cari kode ini ]]></b:skin>

4. Setelah ketemu copy kode berikut di bawah kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

5. Kemudian cari lagi kode ini <div class='post hentry'>

6. Setelah ito copykan kode berikut persis di bawah kode di atas

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>MASUKKAN KEYWORD BLOG DI SINI</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>

7. Pada bagian MASUKKAN KEYWORD BLOG DI SINI ganti dengan keyword blog milik sobat, atau bisa juga di ganti dengan tulisan HOME, BERANDA dan sejenisnya

8. Simpan template dan lihat hasilnya.

Nah demikian postingan kali ini, selamat mengeksplorasi Cara Memasang Breadcrumb di Blog yaah :D

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Memasang Breadcrumb di Blog

  • Cara Memasang Histats di BlogSalam blogger....pada postingan kali ini kita akan belajar bagaimana cara memasang penghitung kunjungan dengan histats, bagaimana caranya? ikuti tips di bawah ini.... ...
  • Cara Memasang Tag Cloud di BlogLangsung aja yah, kali ini kita akan membahas bagai mana cara memasang animasi tag cloud untuk label/kategori blog kita, bagaimana caranya? 1. Tambahkan sebuah eleman h ...
  • Cara Memasang Scroll Pada Arsip BlogUdah beberapa hari ini ga sempat mosting akhirnya sekarang bisa mosting lagi nih, nah pada postingan kali ini kita akan memasang scroll pada arsip blog. Apa tujuannya? T ...
  • Cara Membuat Blog Refresh OtomatisBagi teman teman yang lagi iseng dan ingin membuat blognya refresh otomatis dalam jangka waktu tertentu, dapat mencoba tips berikut ini. 1. Masuk ke edit html 2. Cari ...
  • Daftar Situs Iklan Baris GratisDaftar Situs Iklan Baris Gratis | Sore sobat semua, di postingan ini saya mau berbagi tips bagaimana cara mempromosikan blog kita melalui layanan iklan, tenang aja ikaln ...

10 Komentar:

  1. makasih gan atas artikelnya sangat membantu, saya lagi cari yw tentang backlink ne, mohon pencerahannyaga, saya masih baru

    BalasHapus
  2. sama sama bro, :D
    mengenai backlink agan bisa cek di sini

    http://www.diditrinjano.com/search/label/Trik%20SEO

    semoga bermanfaat :D

    BalasHapus
  3. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  4. terimakasih gan, bermanfaat gan, hehehe

    www.zondim.com/

    BalasHapus
  5. terimakasih banyak mas u share.its work 100% :)

    BalasHapus
  6. salam sukses..

    om gmn caranya agar itu dibawah tampilan breadcrumbs ada garis, saya blm ngerti itu ada garis yg membatasi muncul dari mana ya.mohon infonya

    tq

    BalasHapus
  7. ane dah coba tapi kode div class='post hentry' gak ada di template ane. gimana dong

    BalasHapus
  8. Terimakasih untuk tutorial cara memasang breadcrumnya, dengan cara ini semoga cepat terindex google. Terimakasih ya...

    BalasHapus

Terimakasih telah meninggalkan Komentar di Didit Blog | Silahkan berkomentar dengan bebas, tidak mengandung SARA | komentar dengan link HIDUP akan dihapus | Terimakasih ^_^