News Update :

Cara Membuat Breadcumbs

Wednesday, October 24, 2012

Breadcrumbs navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumbs adalah wajib karena sangat berguna untuk mempermudah search engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya ).



Gambar diatas adalah contoh breadcrumb navigation yang saya ambil dari screenshot blog saya, kebetulan judul post-nya waktu itu adalah tentang Stephan El Shaarawy Geser Rekor Pato di Liga Champion, untuk membuat dan memasang breadcrumbs saya kira tidak begitu sulit jadi sobat bisa membuat nya dengan tutorial cara membuat breadcumbs yang saya berikan berikut ini:

Cara Membuat Breadcumbs

  • 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 merah 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 Breadcrumbs yang SEO friendly.

Cara Membuat Breadcumbs
Cara Membuat Breadcumbs
Cara Membuat Breadcumbs

' Cara Membuat Breadcumbs '
Share this Article on :

0 comments:

Post a Comment

 
© Copyright Stephan El Shaarawy 2010 -2011 | Design by BenMuha Go Blog | Published by Borneo Templates | Powered by Blogger.com.