Kabar Terbaru :

Cara Membuat Breadcrumb Paling SEO Untuk Blogger

Written By Dekgo on Saturday, March 23, 2013 | 8:37 AM
Breadcrumb ? apa itu ? Breadcrumb adalah mesin navigasi yang digunakan search engine untuk mengindex artikel sobat dengan baik.apakah breadcrumb berdampak positif terhadap blog ? jawabnnya IYA karena sudah saya jelaskan pada pengertian diatas

Berikut ini adalah cara pemasangan breadcrumb untuk blogger:


  • Login blogger
  • Masuk ke Edit HTML
  • Centang "Expand widget template"
  • Kemudian cari kode ]]></b:skin>
  • Masukkan kode ini tepat dibawahnya:
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • Eit belum selesai
  • Kemudian cari kode <b:includable id='main' var='top'> atau ketikkan saja var='Top' tapi ingat pada id='main' 
  • Hapus kode tersebut lalu ganti dengan kode dibawah ini:
<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'>
&#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: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'/>


  • Selesai
Apabila blog sobat sudah terpasang breadcrumb tapi belum diindex search engine silakan ganti dengan kode saya yang diatas ini :). Terima kasih


Author: Dekgo~Cara Membuat Breadcrumb Paling SEO Untuk Blogger
Artikel ini memiliki Description: Cara Membuat Breadcrumb Paling SEO Untuk Blogger dan diberikan Rating: 5 Jika Sobat Mengcopy Artikel Ini Tanpa Meletakkan Sumbernya.... Itu Sama Saja Dengan Seorang Pencuri. Hal Ini Bisa Saya Laporkan Dan Akan Ditindak Lanjuti. Jadilah Manusia Yang Ber-Etika
Di Reviewer oleh: Dekgo
Item Reviewed: Cara Membuat Breadcrumb Paling SEO Untuk Blogger
Share this article :

3 comments:

  1. Makasih infonya dan minta izin praktik. Btw, template blogmu ini bagus sekali dan aku ingin seperti ini juga. Kebetulan template blog-ku masih template jadul dan tidak SEO friendly kata orang dan mau kuganti. Kalau boleh tahu bagaimana caranya agar aku bisa punya template seperti blog ini?

    ReplyDelete
  2. Lapor, breadcumbs sukses terpasang tapi aku bingung sebab letaknya ada di bawah judul posting. Btw, apakah bisa membantu?

    ReplyDelete
  3. agak sukar mas tutorial ini..mungkin masih boleh diperbaiki breadcrumbs untuk tampak lebih gratis..

    ReplyDelete

text gambartext gambar
 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Infoku Bloggerku - All Rights Reserved
Original Design by Creating Website Modified by Adiknya