Friday, June 28, 2013

Cara Membuat Breadcrumbs Terindex Google

Sesudah makan, saya ingin meluangkan waktu sambil berbagi kepada sobat R-C Blog'S. pada artikel kali ini saya akan berbagi Cara Membuat Breadcrumbs Terindex Google. Pasti sobat sudah tau dong apa itu breadcrumbs??  Breadcrumbs adalah sebuah navigasi yang tedapat pada halaman situs memiliki fungsi untuk melacak setiap halaman dan postingan sehingga memudahkan pembaca untuk  menjelajahi situs berdasarkan kategori yang ada, serta visitor tidak akan bingung ketika ingin mencari data yang terdapat pada sebuah situs karena ia bisa memilih topik dengan mudah juga bisa kembali ke halaman utama.



Cara Membuat Breadcrumbs Terindex Google :
1. Login ke Blogger
2. Masuk ke Template > Edit HTML
4. Cari kode <b:if cond='data:post.title'>
5. Letakkan kode di bawah ini di atas kode <b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType == "item"'>
<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'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
6. Kemudian Cari kode ]]></b:skin> 
7. Letakkan kode di bawah ini di atas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
 8. Cari kode <b:includable id='post' var='post'> , perhatikan kode di bawah ini :
  <b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
  <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:else/>
9. Letakkan kode di bawah ini di bawah kode <b:else/> seperti diatas.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<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'><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>
  • Kalau kodenya tidak sama dengan yang saya miliki, silahkan copy kode nomor 9 di atas kode <data:post.body/> yang kedua.
  • Bisa juga ditaruh kode nomor 9 diatas kode <b:if cond='data:post.title'>
10. Save Template
Catatan: Untuk melihat Breadcrumbs sudah terindex atau belum klik disini!!


2 comments:

  1. ^_^ Ya. :>)
    http://naruto-omd.blogspot.com

    ReplyDelete
  2. wah mantap nih...bisa langsung dicoba

    ReplyDelete