SEBAIKNYA KUNJUNGI BLOG SAYA :

BLOGBEGO CREATION




Cara Membuat dan Menambahkan Breadcumb pada Blog

Apa itu Breadcumb saya rasa semua kawan sudah tahu, cuma saya kasi gambaran keberadaannya di atas Judul Artikel dan biasanya pada Full Page :#
Bagaimana kawan, sudah ada gambaran apa itu Breadcumb, kalau kawan bingung wajar, :@ karena saya juga bingung nerangi hahaha [habis saya bukan Guru]

Okey langsung saja ke cara pembuatannya : 
  • Masuk Account Blogger dengan ID kawan
  •  Pada Perancang Template pilih Edit HTML
  • Beri tanda Check disamping Expand Template Widget
  • Cari ]]></b:skin>
  • Copas Kode berikut diatasnya

.breadcrumbs {
        padding:5px 5px 5px 0;
        margin: 0 0 5px;
        font-size: 80%;       
        line-height: 1.4em;
        border-bottom:1px double $bordercolor;
}
  • Selanjutnya cari <b:if cond='data:post.title'> 
  • Seandainya ada 2[dua] <b:if cond='data:post.title'> pakai yang pertama
  • Copas Kode berikut dibawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#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>
contoh Breadcumb
  • Simpan Template kawan
Keterangan :

  1. Teks 80% yang berwarna merah adalah besarnya huruf 
  2. Teks yang berwarna biru, supaya Breadcumb hanya tampil pada Full Page saja


9 komentar pada “Cara Membuat dan Menambahkan Breadcumb pada Blog”

  1. Terima kasih atas sharing ilmunya gan...saya sudah memakainya

    BalasHapus
  2. Kunjungan silaturahmi malam sahabat di tips-blogbego...
    Blognya bagus dan unik sahabat serta isinya penuh dengan ilmu tutorial...sukses selalu admin dan lanjutkan karyanya yang bermanfaat

    BalasHapus
  3. @webmdmk trims kawan, mudah-mudahan ada manfaatnya :r

    BalasHapus
  4. saya masih belum ngerti kawan...
    maklum baru belajar

    BalasHapus
  5. @Suwanto sama kawan, tapi contohnya diatas Judul Blog ini :@

    BalasHapus
  6. kok saya baru tahu breadcumb ya sob.

    kok saya baru tahu breadcumb ya sob.

    BalasHapus
  7. Terima kasih tentang artikel memasang breadcrumbs nya sob..

    BalasHapus

BERIKAN KOMENTAR SESUAI TOPIK DAN SANTUN
BUKAN SPAM - PORNOGRAFI MAUPUN MASALAH ETHNIS / SARA

TAMBAHKAN KOMENTAR DENGAN EMOTICON :
DENGAN KODE ALFABET < :a s/d :z >

 

Copyright  ©  TIPS BLOGBEGO

site meter

Template by Blogger templates
Powered by Blogger