Kamis, 24 Mei 2012

Cara Membuat Breadcrumbs di Blog agar Terindex Google

| |
Cara membuat Breadcrumbs

Cara Membuat Breadcrumbs di Blog agar Terindex Google - Kali ini Rizal akan share tutorial lagi nih sobat sekalian yaitu  Cara Membuat Breadcrumbs di Blog agar Terindex Google, keren kan sob, url blog kita bisa dipersingkat. Yuk langsung aja langkah-langkah cara membuatnya.

Pertama-tama masukan kode css di bawah ini kemudian taruh di atas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
setelah itu cari kode  <b:includable id='main' var='top'>, hapus kode tersebut dan ganti dengan kode berikut,
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Save template. untuk mengecek kinerja breadcrumb, silahkan sobat buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk mengeceknya sobat tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya
Selamat Mencoba.

2 komentar:

tips yang bagus kakak..
langsung adek cobain nih, ehehehe...

Terimakasih dek .. iyah silahkan semoga bermanfaat

Posting Komentar

Cara berkomentar untuk yang tidak memiliki blog/Alamat Url :
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb anda
3. Klik Lanjutkan
4. Isi komentar anda, jika sudah selesai klik publish

Bagi yang tidak mempunyai akun bisa berkomentar melalui Anonymous