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