Cara Membuat BreadCrumbs Di Atas Judul Postingan Blog

Memasang Menu BreadCrumbs sangat dipentingkan untuk sobat pengguna blogger. Jika sobat termasuk Blogger yang sedang bergelut dalam dunia SEO, maka tak ada salahnya kita menggunakan trik yang satu ini. Trik ini bernama "Breadcrumbs", dan biasanya nanti akan tampil di bagian atas judul postingan blog kita. Jika sobat penasaran seperti apa penampilannya?.

 Silahkan untuk melihat pada bagian atas judul postingan blog ini, pasti akan ada tulisan Home > Blog > Membuat BreadCrumbs Di Atas Judul Postingan Blog. Dengan memasang breadcrumbs, postingan blog kita akan mudah terindeks atau terdeteksi oleh mesin pencari google.

Menurut beberapa ahli pakar SEO, trik ini benar-benar besar pengaruhnya untuk SEO blog kita, bagi sobat yang tertarik untuk memasang breadcrumbs di blognya, ikuti langkah-langkah berikut!:

1. Login ke Blogger.com
2. Klik Menu "Rancangan"
3. Klik "Edit HTML"
4. Lalu jangan lupa untuk mencentang kotak "Expand Template Widget"
5. Lalu Carilah kode tag ]]></b:skin> dan silahkan untuk meletakkan kode berikut di atasnya.

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

6. Silahkan cari kode <b:includable id='main' var='top'>
7. Jika sudah, silahkan untuk meletakkan kode berikut di atas kode no.6

<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di&#160; :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

8. Selanjutnya carilah kode <b:loop values='data:posts' var='post'> maka nanti sobat akan menemukan dua atau 5  kode yang sama, maka pilihlah yang nomor 4 sobat temukan. Jika sudah ketemu, silahkan letakkan kode berikut di bawahnya.

 <b:include data='post' name='breadcrumbs'/>

9. kalau sudah klik Simpan Template. Coba sobat preview pada salah satu postingan blog sobat. maka disitu akan ada menu breadcrums tepat diatas judul postingan blog.

Selamat Mencoba

Anda sedang membaca artikel tentang Cara Membuat BreadCrumbs Di Atas Judul Postingan Blog. Anda bisa bookmark halaman ini dengan URL http://rujakcemil.blogspot.com/2012/06/cara-membuat-breadcrumbs-di-atas-judul.html. Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.