Cara Membuat Breadcrumb di Blog dengan Mudah

Cara Membuat Breadcrumb di Blog dengan Mudah
Kali ini saya akan share tips membuat breadcrumb pada blog, tapi sebelum itu saya jelaskan apa itu Breadcrumb. Breadcrumb adalah navigasi penting dan harus dipasang diblog anda , fungsinya selain untuk meningkatkan seo juga mempermudah para pengunjung blog anda untuk melihat keberadaan sebuah artikel di blog anda,bisa anda bayangkan dengan terpasangnya breadcrumb maka blog anda akan lebih sempurna. Baiklah langsung saja saya jelaskan caranya.

1. Login ke akun Blogger kalian.
2. Pilih Tab menu Template.
3. Klik menu Edit HTML.
4. Cari Kode   <b:if cond='data:post.title'>
saya sarankan gunakan CTRL + F untuk mempercepat pencarian anda, dan tambahkan kode dibawah ini tepat dibawah kode  <b:if cond='data:post.title'>  Kode tersebut jumlahnya lebih dari 1 , biasanya yang kedua (ke-2) cari dengan menekan enter 2x pada kotak pencarian.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border: 4px #404040 outset; padding: 10px; background-color:  black; text-align: left;'>
<a href='http://ufreesoft.blogspot.com'>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>
&#187;
</b:if>
<data:post.title/>
<hr/> 
</div>
</b:if>
5. Simpan Template dan lihat hasilnya pada blog anda.
Nb :
ganti tulisan yang berwarna merah dengan alamat blog anda dan warna biru sesuai warna keinginan anda, dan biasanya  <b:if cond='data:post.title'>  terdapat lebih dari 1 pada template blog jadi saran saya ulangi copy kode diatas tepat dibawah
<b:if cond='data:post.title'>  yang lain apabila Breadcrumb tidak muncul pada blog anda.

1 Response to "Cara Membuat Breadcrumb di Blog dengan Mudah"