Sebelum ke langkah pembuatan navigasi breadcrumb, icalcell akan menjelaskan fungsi dari navigasi breadcrumb ini, kenapa kita perlu membuatnya.
- Navigasi Breadcrumb akan membuat tampilan blog seolah-olah blog profesional.
- Visitor akan mudah menjangkau semua isi postingan blog dengan adanya navigasi breadcrumb, karena adanya pemberitahuan , bahwa dia saat ini berada pada posisi mana.
- Navigasi breadcrumb sendiri merupakan penjabaran label postingan, sehingga label postingan kemungkinan akan banyak diklik oleh visitor, dan akan memunculkan postingan menarik dengan label tertentu sehingga akan meningkatkan pageviews blog tentunya.
Lalu sebenarnya navigasi breadcrumb ini apa sih??? Navigasi breadcrumb sendiri merupakan proses pengembangan dengan label setiap postingan, dengan adanya label, maka terciptalah suatu navigasi breadcrumb, dengan posisi label ke judul postingan tertentu. Jadi intinya setiap postingan harus ada labelnya minimal 1 label perpostingan, agar navigasi breadcrumb bisa tampil dengan sempurna.
Langkah pembuatan Navigasi Breadcrumb
- Login ke blog tentunya, langsung menuju ke halaman EDIT HTML , jangan lupa ceklist Expand Widget template.
- Cari kode yang mirip seperti ini.
<div class='post hentry'>
- Kopi kode di bawah ini persis di bawah kode diatas
<b:if cond='data:blog.pageType == "item"'> <div align='left' style='border-bottom:1px solid #940F04;font-size:10px;'>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='nofollow'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if> » <data:blog.pageName/></div></b:if>
- Setelah itu preview dulu, kalau kesalahan pengeditan tidak terjadi baru di save pengaturannya
<b:if cond='data:blog.pageType == "item"'>kode ini digunakan agar navigasi breadcrumb tidak muncul di halaman homepage, tapi hanya muncul di halaman ITEM atau halaman postingan.selengkapnya lihat Cara Mengatur Tampilan Blog
You are here:ini merupakan penunjuk , bisa teman-teman ganti ke kata lain, misalnya Browse , anda sekarang berada di , dan lain-lain, silahkan buat seindah mungkin.
»kode yang ini hanyalah merupakan tanda panah dobel sebagai pemisah antara link home, label dan judul postingan yang terbuka.
Nah itulah sedikit Cara Membuat Navigasi Breadcrumb, selamat mencoba teman-teman blogger, semoga bermanfaat.
Thank's infonya
BalasHapusnyari sana sini....
BalasHapusrupany ad pula d blog banng ical
makasih bnyak bang infony
mdh2an dg masang breadcrumb, pageview sy naik scara perlahan dan pasti
:)