SEO XP | Belajar SEO Friendly | Panduan Blogger

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 == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>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> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

Terakhir simpan template

Happy Blogging Sobat Blogger