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. Jika menu breadcrumbs tidak muncul, coba sobat ulangi letakkan kode langkah nomor 8. Jika belum paham juga sobat tidak salah untuk bertanya dengan berkomenar di bawah ini. Semoga artikel ini bermanfaat untuk sobat semua. Sekian, Dan terimakasih.

Baca Juga Artikel Dibawah Ini!



Silahkan Berikan Komentar Anda, Terima Kasih

0 Respones to "Membuat BreadCrumbs Di Atas Judul Postingan Blog"

Poskan Komentar

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger