Oke, dilanjut. Berdasarkan penerawangan dari orang pintar bahwa Search Engine Optimization (SEO) blog yang memiliki breadcrumb konon punya daya SERP yang tinggi di mata search engine seperti Google , Yahoo, Bing dan semacamnya dibanding blog tanpa breadcrumb. Nah, kesimpulan dari omongan mbah dukun tadi, bahwa navigasi breadcrumb di blogspot mendukung dalam proses meningkatkan kekuatan SEO blog. Hlo kok bisa? Yah apa itu SERP utawa SEO aja saya ga paham. Orang pinter bilang breadcrumb itu bagus buat SEO, ya jalani aja.
Dan Cara Membuat Navigasi Breadcrumb Di Blogger di Tutorial Blogspot dicomot dari blog Saung Web. Dituturkan di blog tersebut, Breadcrumb adalah link navigasi yang biasanya tampil cantik di atas judul atau title posting dalam modus postingan bukan dalam modus Home seperti terlihat pada blog ini dimana Breadcrumb menampilkan Halaman Depan atau Home > Label> Judul Posting. Nah,,paham kan apa itu breadcrumb?
Sekarang bagaimana Cara Membuat Menu Navigasi Breadcrumb di Blogger alias blogspot dijabarkan langkah-langkahnya di bawah ini:
- Log in ke account sobat di blogger.com
- Klik tanda panah, lalu pilih Template
- Sebaiknya backup template dulu 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> »
<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>
»
</b:if>
<data:post.title/>
</div>
</b:if> - Selanjutnya sobat blogger cari kode ]]></b:skin> dan copy paste kode ini di atasnya :
- Sampai disini proses Buat Navigasi Breadcrumb di Blogger selesai, selanjutnya tinggal Save Template.
- Lihat hasilnya , ada gak ??.. Ohya kalau gak tampil mungkin sobat belum membuat Label pada postingannya.. artinya dalam setiap artikel harus ada labelnya gitu lhooo..
.breadcrumb { padding:5px 5px 5px 0px; margin: 0px 0px 10px 0px; font-size:90%; line-height: 1.2em; border-bottom:3px double #e6e4e3; }