6/23/2010

Membuat Breadcrumb (Navigasi)

Membuat Breadcrumb (Navigasi) - Breadcrumb adalah navigasi menuju artikel. Artinya, urutan navigasi menuju artukel tang sedang dibuka, seperti Browse : Home >> Tips >> Blogging


Breadcrumb adalah salah satu teknik optimasi SEO. Pengunjung bisa kembali pada link yang terdapat pada breadcrumb.


Berikut screenshoot breadcrum pada blog saya ( http://cara-blog-tips.blogspot.com )


Nah, tutorialnya seperti ini,


  • Login ke Blogger.
  • Buka design/rancangan.
  • Buka Edit HTML , lalu centang pada Expand Template Widget.
  • Cari kode ]]></b:skin> ,gunakan CTRL+F untuk mencarinya
  • Setelah ketemu, letakkan kode berikut sebelum kode ]]></b:skin>



    .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef}
  • Setelah itu, cari kode seperti ini 


    <div class='post hentry uncustomized-post-template'>
  • Letakkan kode berikut ini tepat setelah kode di atas


    <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'>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'><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> 
  • Simpan
^Note : Sobat bisa modifikasi sedikit dengan mengubah kata 'Browse' . Lihat Breadsrumb pada blog ini, seperti itulah contohnya
Labels: ,