Cara Memasang Navigasi Breadcrumb
Navigasi Breadcrumb berfungsi untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label /kategori.
Breadcrumb ini juga bisa Untuk Membuat Blog anda Menjadi SEO seperti yang di jelaskan di postingan sebelumnya, coba Cek di sini
Cara mengedit Blogspot agar SEO Friendly
Untuk sobat yang ingin memasang Navigasi Breadcrumb di blog, silahkan ikuti langkah-langkah di bawah ini
Login ke blogger
Pilih menu Rancangan dan klik Edit HTML
Centang Expand Widget Templates
Kemudian Cari kode ]]></b:skin>
Copy kode di bawah dan letakan di atas kode ]]></b:skin> .breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}
Selanjutnya cari kode
<div class='post hentry uncustomized-post-template'>
Jika kode diatas tidak ada coba cari kode seperti di bawah ini, Karena masing-masing kode template berbeda
<div class='post hentry'>
Kemudian copy kode di bawah ini dan letakkan di bawah kode <div class='post hentry uncustomized-post-template'> Jika ada, Kalau tidak ada Copykan kode <div class='post hentry'> dibawah ini dan letakan di bawah kode
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
Terakhir simpan template
Happy Blogging Sobat Blogger
No comments