31.10.10

Cara Memasang Navigasi Breadcrumb Di Blog

Navigasi Breadcrumb berfungsi untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari, selain itu dapat mempermudah pembaca untuk kembali ke halaman sebelumnya, Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label/kategori, sebagai contohnya dapat dilihat pada gambar di bawah.
Cara Memasang Navigasi Breadcrumb Di Blog
Untuk sobat yang ingin memasang Navigasi Breadcrumb di blog, silahkan ikuti langkah-langkah di bawah ini :

  • Login ke blogger
  • Pilih menu Rancangan dan klik Edit HTML
  • Centang Expand Widget Templates
  • Kemudian Cari kode ]]></b:skin>
  • Copy kode di bawah dan letakan di atas kode ]]></b:skin>
    .breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}
  • Selanjutnya cari kode
    <div class='post hentry uncustomized-post-template'>
  • Jika kode diatas tidak ada coba cari kode seperti di bawah ini, Karena masing-masing kode template berbeda
    <div class='post hentry'>
  • Kemudian copy kode di bawah ini dan letakkan di bawah kode <div class='post hentry uncustomized-post-template'>
    <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>
  • Terakhir simpan template
  • adibey blog Updated at: 19:31

    18 komentar:

    1. Wiw boleh juga nih untuk dicoba.. cumaan nambah berat gak yah..

      BalasHapus
    2. Makasih sob atas infonya.. saya bookmark dulu ah.. siapa tahu nanti diperlukan..

      BalasHapus
    3. @Merapi Dan Mentawai Kini
      ga juga kang, sya dah nyoba di tmplate yg lain... tetp stabil

      BalasHapus
    4. salam sobat
      memasang navigasi breadcrumb di blog
      saya ingin mecoba, semoga berhasil.
      trims ilmunya.

      BalasHapus
    5. salam sahabat
      ehm bagus bisa menampilakn pada blog dengan tampilan yang menarik setelah memakai navigasi ini yach.good luck

      BalasHapus
    6. berkunjung,banyak trik untuk memasang navigasi..dan ini termasuk cara lain yang baru saya temui...salam

      BalasHapus
    7. Saya baru tau apa itu breadcumb..makasih ya infonya. really helpful buat pemula seperti saya

      BalasHapus
    8. terimakasih tutorialnya, sangat bermanfaat bagi saya yang masih new bie :)

      BalasHapus
    9. salam kenal .
      makasih buat tutornya .
      sukses .

      BalasHapus
    10. salam kenal !! .
      makasih yaa buat infonya .

      BalasHapus
    11. hallo !! .
      nice post .

      BalasHapus
    12. Thanks buat tipnya gan :D

      BalasHapus
    13. trm ksh Gan.. sdh ane praktekan.. dan berhasil..

      Moga berkah elmuna

      BalasHapus
    14. thanks ya infonya...
      saya berniat untuk mencobanya diblog saya http://futsals.blogspot.com/
      thanks ya ...

      BalasHapus
    15. thanks infoya sob..

      BalasHapus
    16. I recently came across your blog and have been reading along. I thought I would leave my first comment. I dont know what to say except that I have enjoyed.

      Thank you for your work !

      Novie

      BalasHapus
    17. Mantab nih sob!. amazing.

      BalasHapus

    Tidak diperkenankan melakukan Junk/Spam dan menyertakan link pada isi komentar. Terima kasih Sudah mampir dan Berkomentar di adibey blog