Cara Membuat Breadcrumb di Blogger

1. Buka Edit HTML : Copy kode dibawah ini dan paste diatas kode ]]></b:skin>

.breadcrumb {

    font-size: 11px;
    margin: 0 0 20px;
    padding: 0 0 3px;
    border-bottom: 1px solid #EEE;
}

2. Buka Edit HTML : Copy kode dibawah ini dan paste diatas kode <div class='post hentry uncustomized-post-template'>

<div class='breadcrumb'>
You are here:     <a expr:href='data:blog.homepageUrl'>Home</a> / <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> / <data:post.title/>
  </div>

3. Klik

4. Atau Lihat Widget-nya di URL Cara Membuat Breadcrumb di Blogger (Terletak di Setiap Bagian Atas Postingan)

Catatan:

Untuk menampilkan hanya 5 postingan Blogger Master Menggunakan kode berikut:

<div class='breadcrumb'>
You are here:     <a expr:href='data:blog.homepageUrl'>Home</a> / <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> / </b:if>
          </b:loop>
        </b:if> / <data:post.title/>
  </div>