August 11, 2013

CARA MEMBUAT BREADCRUMB DI BLOG

CARA MEMBUAT BREADCRUMB DI BLOG



Sobat pernah dengar breadcrumb.?"belum" Saya juga baru pasang kemarin. hehehe. Wajib Sobat ketahui breadcrumb adalah navigasi penting dan harus dipasang diblog anda ,fungsinya selain untuk meningkatkan seo juga mempermudah para pengunjung blog  untuk melihat keberadaan sebuah artikel di blog ,bisa kita bayangkan dengan terpasangnya breadcrumb maka blog  akan 12% jadi sempurna .Wow dan tentu pasti disukai search engine .jika masih belum jelas apa itu breadcrumb ,berikut ada gambarnya : 


Ok ini cara membuatnya:

  1. Masuk ke blogger. 
  2. Pilih menu Tata Letak (Layout) » Edit HTML.
  3. Centang tulisan Expand Widget Templates.
  4. Cari kode berikut.
    <b:if cond='data:post.title'>
  5. Tambahkan kode berikut di bawahnya.

    <b:if cond='data:blog.pageType == "item"'>
    <a href='http://blogsepisunyi.blogspot.com/'>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 != "true"'>,</b:if>
    </b:loop>
    &#187;
    </b:if>
    <data:post.title/>
    </b:if>
jangan lupa ganti tulisan warna merah dengan nama blog sobat.




  • Simpan template.

  • sobat bisa menambahkan garis di bawah navigasi dengan menambahkan kode <hr/> atau <br/> untuk menambah jarak antara Judul Postingan dengan Breadcrumb di bawah kode<data:post.title/> di atas.

    No comments:

    Post a Comment

    Cara Membuat Effect Hollogram dengan Photoshop

    Om Swastiastu Kawand-kawand Youtuber... Oke kawand-kawand pada hari ini saya akan memberikan tutorial efek photoshop kali ini, mimin ...