Cara Memasang BreadCrumb Pada Blog Kita

18.03 Anonim 1 comment

Hallo Sobat Kemarin kita telah membahas tentang Cara memperkecil Nilai Alexa Kali ini saya akan membahas tentang cara memasang BreadCrumb pd blog kita...
memasang BreadCrumb adlh salah satu trik agar blog lebih SEO..  Apa itu SEO  lihat aja disini.
BreadCrumb adalah sebuah navigasi halaman yang berfungsi untuk memudahkan user untuk menavigasi halaman blog atau website.
Selain untuk mempermudah user, BreadCrumb juga termasuk teknik SEO yang sangat disenangi search engine karena robot akan dengan gampang mengcrawl halaman blog kita. dapat kita lihat tampilan BreadCrumb pada search engine dibawah ini







Pada gambar di atas yang dilingkari warna ungu adalah index search engine dalam hal ini google merupakan dari breadcrumb yang kita buat sebelumnya.

Apakah Anda ingin index search engine google seperti itu? mari kita langsung saja mengerjakan Cara Memasang BreadCrumb Pada Blog Blogger

1. Masuk pada ID blogger anda di Blogger.com
2. Masuk pada tata letak atau layout kemudian pada tab klik edit HTML
3. Beri tanda centang pada kotak kecil yang bertuliskan tulisan Expand Template Widget
4. Cari kode ]]></b:skin> lebih singkat tekan Ctrl+F
5. Copy dan paste kode di bawah ini diatas kode ]]></b:skin>

.breadcrumbs {

padding:5px 5px 5px 0;

margin:0;

font-size:95%;

line-height:1.5em;

border-bottom:4px double #e2e7b4;

}

.breadcrumbs a {

text-decoration:none;

color: #000000;

}

7. Lalu cari kode <div class='post hentry'>
8. Copy dan paste kode di bawah ini di bawah kode  <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'><a   expr:href='data:blog.homepageUrl'><b style="color: blue;">Ganti dengan kata kunci utama blog Anda</b></a>   &#187; <b:if cond='data:post.labels'><b:loop   values='data:post.labels' var='label'> <a   expr:href='data:label.url'   rel='tag'><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>

10. Simpan/save dan lihat hasilnya

Cara Memasang BreadCrumb Pada Blog Blogger ini dapat juga di lihat pada tampilan halaman blog Anda lebih kurang hasilnya seperti ini



Dengan memasang breadcrumb pada blog blogger Anda akan lebih disenangi oleh search engine google.  Silahkan Anda kreasikan tampilan breadcrumb Anda sendiri. Semoga postingan yang berjudul "Cara Memasang BreadCrumb Pada Blog Blogger" ini bermanfaat untuk kita semua.

Selamat mencoba..

saya tunggu like,comment, and follow

 

 

SUMBER: http://onlyx-45.blogspot.com/2012/04/cara-memasang-breadcrumb-pada-blog.html

Posted in: Informasi,Trik Blog,Trik SEO