Cara Memasang BreadCrumb di Blog

Posted by boyadoe on Friday, February 11, 2011

Memasang BreadCrumb pada blog bisa menunjang seo karena dapat lebih mudah untuk dikenali search engine karena breadcrumb ini seperti sebuah keywords atau tag yang bisa memancing searching engine untuk meng index postingan lebih cepat. baik langsung saja kita ke TKP.
• Pertama masuk blogger
• Edit HTML centang Expand Widget Template
• lalu masukkan kode CSS dibawah ini di atas Kode : ]]></b:skin>

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

Setelah itu cari kode seperti dibawah ini :

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/&gt;

Kalau sudah ketemu hapu dan ganti dengan kode seperti dibawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Arsip untuk <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Seluruh Artikel
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Artikel Pada Kategori <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

dengan memasang breadcrum di blog akan lebih seo friendly

semoga bermanfaat

{ 2 comments... read them below or add one }

Kang Amphi said...

Wah selamat mas, breadcrumb blog ini sudah dideteksi google. Kira2 apa saja tips-tips supaya breadcrumb di blog kita cepat dideteksi google?? Blog saya PR 2, tetapi belum dideteksi, sedangkan blog teman saya PR 0, tetapi breadcrumbnya sudah dideteksi google.

Mohon saran dan kritiknya mas??

Unknown said...

terimakasih... udah ane coba gan.... lolos..
tapi blum tau seo nya... tguu waktunya x ya gan... mudah2an berasil...
mampir ya gan ke forum ane...
http://ithandal.blogspot.com/

Post a Comment

Silahkan menuliskan komentar anda pada opsi Nama/URL, lalu tulis nama anda dan URL anda pada kotak yang tersedia.Jika anda tidak punya blog/website, kolom URL boleh dikosongkan.