Cara Memasang Breadcrumb pada Blog

Tidak ada yang tahu bahwa Breadcrumb sederhana yang digunakan dalam dongeng "Hansel dan Gretel" akan menjadi elemen situs satu hari. Breadcrumbs atau jejak breadcrumb adalah sistem navigasi yang digunakan dalam website yang menawarkan lebih kegunaan kepada pengunjung.

Mereka muncul secara horizontal di atas atau di bawah judul Posting header. Mereka menunjukkan lokasi pengguna dan mengatakan kepadanya apa pos dan di bagian mana dari kategori blog dia berada. Breadcrumb menyediakan link kembali ke halaman pengguna yang sudah dikunjungi dalam urutan hirarkis. Seringkali titik dua (:) atau garis miring (/) atau bahkan tanda lebih besar-dari (>) digunakan sebagai hirarki pemisah. Ini sekarang banyak digunakan oleh pemilik di kedua blog Wordpress dan platform Blogger.

Ada yang mengatakan, Breadcrumbs menghancurkan keuntungan Permalinks yang memainkan peran besar dalam menargetkan kata kunci yang kaya. Tim Blogger telah memperkenalkan permalinks pada semua blog blogspot.

Tetapi ada juga yang berpendapat, Breadcrumb merupakan navigasi SEO sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.

sekarang terserah pada pilihan kita sendiri, ingin menyajikan layanan mudah bagi pengunjung atau sekedar menargetkan kata kunci agar dapat keuntungan dari permalink, di bawah ini langkah mudah pembuatan breadcramb:

• Seperti biasa anda harus login ke Blogger.
• Langsung tuju Edit HTML.
• Letakkan kode berikut ini tepat sebelum  kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}

Setelah itu, cari kode seperti ini :

<div class='post hentry'>

Letakkan kode berikut ini tepat setelah kode <div class='post hentry'>

<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>

    Simpan Template.

Sekali lagi, pilihan ada di tangan kita dan selamat beraktifitas

Jika anda suka silahkan tautkan ke artikel ini

<a href="https://bsoftpedia.blogspot.com/2013/08/cara-memasang-breadcrumb-pada-blog.html">Cara Memasang Breadcrumb pada Blog</a>