Cara Membuat Breadcumb SEO Friendly

Jumat, 17 Februari 2012

Breadcumb memang keren untuk dipasang di blog sobat, selain keren breadcumb juga memudahkan pengunjung blog kita kembali atau menjelajahi blog kita. Nah , postingan kali ini adalah tutorial membuat breadcumb yang SEO Friendly,
tutor di bawah dikutip dari galeryzone.blogspot.com

CARA MEMBUAT NAVIGASI BREADCRUMB SEO FRIENDLY DI BLOGSPOT

  • Login di Blogger
  • Pilih Design 
  • Pilih Edit Html
  • Centang pada Expand Widget Templates
  • Cari kode ]]></b:skin>
  • Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumb {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • Kemudian cari kode seperti di bawah ini
<div class='post hentry uncustomized-post-template'>
Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini
<div class='post hentry'>


  • Letakkan kode dibawah ini tepat diatas salah satu kode biru diatas
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumb'> Browse &#187; <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,nofollow'><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>

  • Klik save dan sobat sudah berhasil membuat Breadcrumb yang SEO friendly

Sekian postingan cara membuat breadcumb yang seo friendly. Gak Ngerti ? Comment !
Share this article on :

1 komentar:

SEO mengatakan...

keren gan infonya. kalau untuk diwordpress bisa gak gan?

Posting Komentar

 
© Copyright 2010-2011 Suara Indonesia All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Modified by Rheza Valerian | Powered by Blogger.com.