Cara Memasang Breadcrumb di Blogger

Ok luqman akan memposting artikel tentang Cara Memasang Breadcrumb di Blogger. Membuat menu navigasi berurutan di atas artikel posting atau Breadcrumb, merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.
Sekarang mbah Google sudah support/mendukung breadcrumb ini.
Untuk melihat hasil dari sebuah blog yang sudah membuat breadcrumb atau menu navigasi diatas postingan artikel. Memasang Breadcrumb ini di blogger kamu sudah termasuk blog SEO. Nih Brow gambarnya di bawah ini :

 Kalo kamu mau memasang Breadcrumb ini ikuti Tetorial atau langkah-langkah di bawah ini.

Langkah Cara Membuat Breadcrumb Pada Blogger

1. Kamu harus masuk ke akun blogger kamu
2. Terus kamu Klik atau Pilih rancangan >> Edit HTML >> Centang atau Contreng Expand Tempalte  Widget.
3. kamu harus Download Template Lengkap atau Backup Tempalte dahulu untuk berjaga - jaga bila ada kesalahan.
4. Kemudian kamu cari kode ]]></b:skin> dan letakan kode di bawah ini tepat di atas kode ]]></b:skin> :



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

5. Terus kamu cari lagi kode <b:include data='top' name='status-message'/> letakan kode di bawah ini persis di bawah kode <b:include data='top' name='status-message'/> ( jika kode <b:include data='top' name='status-message'/> ada 2 letakan pada kode yang ke 2 )

<b:include data='posts' name='breadcrumb'/>

Maka akan terlihat seperti ini :<br /> <br /> <b:include data='top' name='status-message'/><br /> <b:include data='posts' name='breadcrumb'/> <br /> <data:adStart/><br />

6. Cari kode menggunakan (CTRL + F) <b:includable id='main' var='top'> lalu tambahkan script berikut tepat diatas kode  <b:includable id='main' var='top'> :

<b:includable id='breadcrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl == data:blog.url'><br /> <!-- No breadcrumb on home page --><br /> <b:else/><br /> <b:if cond='data:blog.pageType == "item"'><br /> <!-- breadcrumb for the post page --><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'> »<br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /> </b:if><br /> </b:loop><br /> <b:else/><br /> »Unlabelled<br /> </b:if><br /> » <span><data:post.title/></span><br /> </b:loop><br /> </span><br /> </p><b:else/><br /> <b:if cond='data:blog.pageType == "archive"'><br /> <!-- breadcrumb for the label archive page and search pages.. --><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/><br /> </span><br /> </p><b:else/><br /> <b:if cond='data:blog.pageType == "index"'><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <b:if cond='data:blog.pageName == ""'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts<br /> <b:else/><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/><br /> </b:if><br /> </span><br /> </p></b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable><br />

7. Pratinjau terlebih dahulu, jika tidak terjadi galat klik Simpan Template.

Selamat Mencoba dan Semoga berhasil 

Thanks atas kunjungannya