Senin, 16 April 2012

Membuat breadcrumb google part |||


Setelah beberapa posting mengenai breadcrumb :

  1. Cara membuat breadcrumb ( breadcrumb biasa )
  2. Membuat breadcrumb dengan sentuhan css3
  3. Membuat breadcrumb google dengan css3
  4. Membuat breadcrumb google gaya fixed

membuat breadcrumb google lebih pendek


Sekarang saya akan membahas tentang breadcrumb part |||. apa spesialnya di part ||| ini. . . ? spesialnya adalah breadcrumb nya sudah saya ringkas lebih pendek dan juga berapapun kategori yang anda gunakan di postingan anda, akan terindeks semua oleh google. waktu itu pusing juga mikirin breadcrumb ini tapi setelah saya coba di blog saya ini ternyata berhasil dan lolos snipet di Google webmaster emmm oklah tanpa panjang lebar akan saya bahas langsung kodenya.

1. Masuk di dasbor blogger
2. Klik Rancangan / Template
3. Klik Edit HTML
4. Klik Proceed / Lanjutkan ( jika editor baru )
5. Centang Expand template widget
6. Cari kode <b:includable id='main' var='top'>
7. Setelah ketemu silahkan simpan kode breadcrumb di bawah ini di atas kode tersebut

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop> &#187; <span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

8. Cari lagi kode <b:include data='top' name='status-message'/>
9. Kode tersebut biasanya ada dua, simpan saja kode di bawah ini di atas kedua kode tersebut.

<b:include data='posts' name='breadcrumb'/>

10. Setelah itu cari kode ]]></b:skin>
11. Setelah ketemu simpan kode css di bawah ini di atas kode tersebut

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

12. Setelah itu klik Pratinjau setelah ok klik SIMPAN TEMPLATE. sekian Cara membuat breadcrumb terindeks google yang lebih simpel semoga bermanfaat.