Cara Memasang Breadcrums Pada Blogspot Agar SEO

Cara Memasang Breadcrums Pada Blogspot Agar SEO, Tulisan yang berisi yang berisi Home dan Label ada kira - kira 2 atau 3, yang terletak diantara Menu Navigasi dan Artikel itu ternyata namanya Breadcrums, Saya udah lama mencari - cari apa nama menu yang lebih kecil dari menu navigasi ini. Setelah cukup lama baru saya tahu, maklumlah saya juga masih baru dalam dunia Blogging.

Breadcrums menurut yang saya baca dapat meningkatkan SEO, saya sih gak tau pasti, menurut saya banyak faktor yang dapat meningkatkan SEO mungkin ini salah satunya. Tapi dengan adanya Breadcrums ini tampilan blog kita akan lebih rapi dan tiap - tiap menu itu jelas tertata dengan baik. Cara memasang Breadcrums ini tidak sulit, Anda hanya perlu menyalin Kode - kode yang ada kedalam Template Anda. Berikut Contoh Breadcrums yang diberi lingkaran :

Baca Juga : Cara Menambahkan Menu Navigasi di Bawah Header

Langkah - Langkah Membuat Breadcrums Yaitu Sebagai Berikut :

1. Masuk Ke Draft Blogger

2. Pada bagian Tab sebelah kiri, Klik Template lalu Edit Html.

3..Setelah muncul kode - kode, cari ]]></b:skin> simpan kode dibawah ini tepat diatas ]]></b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

4. Sekarang silahkan cari kode <b:includable id='main' var='top' dan ganti dengan kode dibawah ini :

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- breadcrumb for the post page --><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><b:loop values='data:post.labels' var='label'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>

5. Sebelum Anda menyimpan Template ada baiknya, Anda lihat Pratinjau dahulu, apakah sudah sesuai dengan keinginan Anda atau belum, jika sudah maka simpanlah, dan jika template Anda rusak, gak usah pusing - pusing tinggal Klik Kembalikan Perubahan, jadi Template Anda akan kembali seperti semula, Coba Anda cek apakah penempatan kodenya sudah benar dan apakah tidak ada yang tertinggal.

Tapi biasanya tidak masalah asalkan semua dilakukan dengan benar, Ternyata mudah sekali ya membuat Breadcrums pada Blogspot, selamat mencoba ya sobat qu..

Baca Juga : Cara Memasang Meta Tag Pada Blogspot