Membuat Menu Navigasi Breadcrumb Blog

Ketemu lagi ni sob...mumpung lagi santai nc sob banyak2 buat posting, sekarang saatnya bikin Breadcrumb di blog bagi pemula..seperti saya juga sc he..he..langsung saja sob Breadcrumb adalah link navigasi yang biasanya tampil cantik di atas judul posting dalam modus postingan bukan dalam modus Home seperti terlihat diatas judul posting blog ini dimana Breadcrumb menampilkan Halaman Depan atau Home > Label> Judul Posting.
Jika sobat tertarik ni Cara Membuat Menu Navigasi Breadcrumb di Blogger :

• Log in ke akun sobat di blogger.com 
• Klik tanda panah, lalu pilih Template
• Sebaiknya lakukan dulu backup template dengan klik Backup / restore atau Cadangkan / Pulihkan, lalu klik download full template.
• Klik tanda x untuk kembali ke menu template
• Selanjutnya plih Edit HTML  --> klik Procced atau proses
• Centang pada Expand Widget Templates
• Cari kode <b:if cond='data:post.title'>  untuk memudahkan mencarinya gunakan Ctrl +F
• Paste kode di bawah ini dan letakkan dibawah atau setelah kode  tersebut
  

  <b:if cond='data:blog.pageType == "item"'>
  <div class='breadcrumb'>
  <a expr:href='data:blog.homepageUrl' rel='tag'>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 != "true"'>,</b:if>
  </b:loop>
  &#187;
  </b:if>
  <data:post.title/>
  </div>
  </b:if>
  

• Selanjutnya sobat blogger cari kode   ]]></b:skin>  dan copy paste kode ini di atasnya :
  

  .breadcrumb {
  padding:5px 5px 5px 0px;
  margin: 0px 0px 10px 0px;
  font-size:90%;
  line-height: 1.2em;
  border-bottom:3px double #e6e4e3;
  }

• Setelah itu tinggal Save Template..
• Saatnya untuk melihat hasilnya... kalau belum tampil mungkin sobat belum membuat label pada postingannya, jadi setiap sobat membuat artikel harus di beri labelnya....baru dech Breadcrumb nya bisa tampil.

Selamat mencoba sob,,,,,Moga Sukses........................!

"Terima kasih anda telah membaca artikel Membuat Menu Navigasi Breadcrumb Blog. Tak lengkap rasanya jika kunjungan anda di eastjavablogs tanpa meninggalkan komentar. Untuk itu silahkan berikan tanggapan anda pada kotak komentar di bawah. Semoga artikel Membuat Menu Navigasi Breadcrumb Blog ini bermanfaat untuk anda".