Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly

Cara Memasang/Membuat Breadcrumbs di Blogspot Agar Blog Menjadi Seo Friendly, Sebelumnya mari kita mengetahui dulu apa yang dimaksud dengan Breadcrumbs ? Mungkin dari para blogger udah banyak yang tahu apa itu breadcrumbs, Oke..disini saya akan jelaskan sedikit saja, Breadcrumbs adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user atau visitor untuk menavigasi halaman blog /web. Mungkin sebagian Blogger newbie seperti saya ini awalnya masih bingung bagaimana cara membuat breadcrumbs di blogspot/Blogger, tapi setelah googling saya ketemu trik nya.Sebelum kita memulai Tips Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly ini, untuk contohnya bisa dilihat pada gambar dibawah ini.

Selain mempermudah visitor dalam menavigasi halaman web/blog, Breadcrumbs ini juga disenangi oleh robot Google dalam mengcrawl halaman blog/web jadi mempercepat blog diindeks oleh Google. Di blog saya ini saya belum memasang Breadcrumbs, mungkin nanti akan saya pasang agar lebih seo friendly :)
Oke tanpa panjang lebar mari kita terapkan tips blogger breadcrumbs nya.

• Login di Blogger
• Klik Design
• Klik Edit HTML
• Centang pada Expand Widget Templates
• Cari Kode ]]></b:skin>
• Lalu Copy Paste code dibawah ini tepat diatas kode ]]></b:skin>

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

• Setelah itu cari kode seperi dibawah ini

<div class='post hentry uncustomized-post-template'>
Kalau kode yang diatas tidak ada cari kode yang seperti dibawah ini
<div class='post hentry'>

• Letakkan kode dibawah ini tepat diatas kode <div class='post hentry uncustomized-post-template'> atau <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,nofollow'><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>

• Klik Save dan lihat hasilnya

Semoga berhasil

Sobat sedang membaca artikel tentang Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly dan sobat bisa menemukan artikel Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly ini dengan url http://mangde182.blogspot.com/2011/05/memasang-breadcrumb-blogspot-seo.html,silahkan di bookmark jika artikel Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly ini sangat bermanfaat bagi sobat,atau klik tombol share diatas untuk membagikan link Cara Memasang Breadcrumb di Blogspot Agar Blog Menjadi Seo Friendly kepada teman sobat.