Cara Memasang BreadCrumbs

Jika Anda termasuk salah satu 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 postingan kita. Jika sobat penasaran seperti apa penampilannya? Silahkan untuk melihat pada bagian atas postingan blog ini, pasti akan ada tulisan seperti gambar dibawah ini.
Bagaimana cara memasang breadCrumbs agar blog lebih SEO Friendly ???
Naaaah...itulah yang akan saya bagi kepada anda.
Menurut beberapa ahli pakar SEO, trik ini benar-benar besar pengaruhnya untuk SEO blog kita, bagi sobat yang tertarik untuk memasang breadcrumbs di blognya, silahkan untuk menyimak langkah-langkah berikut:

  • Login ke Blogger.com
  • Klik Menu "Rancangan"
  • Klik "Edit HTML"
  • Jangan lupa untuk mencentang kotak "Expand Template Widget"
  • Lalu Carilah kode tag ]]></b:skin> dan copy lalu paste kode berikut di atasnya
    .breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
  • Terus cari kode <b:includable id='main' var='top'>
  • Jika sudah, silahkan letakkan kode berikut di atas
    <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'>
    <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 --Amin Susanto -->
    </b:includable>
  • Selanjutnya carilah kode <b:loop values='data:posts' var='post'> maka nanti sobat akan menemukan dua atau tiga kode yang sama, maka pilihlah yang paling atas atau yang paling pertama kali sobat temukan. Jika sudah ketemu, silahkan letak kode berikut di bawahnya
    <b:include data='post' name='breadcrumbs'/>
  • Klik Simpan, silahkan lihat tampilannya pada blog anda.
Bagaimana Mudah Bukan..???
OK...Selamat Berkreasi
Cara Memasang BreadCrumbs

0 comments:

Post a Comment