Membuat Navigasi Breadcum Berada Diatas Judul Postingan

Salam Blogger - Disini saya akan berbagi tips bagaimana cara Membuat Navigasi Beadcum Diatas Judul. Tapi sebelumnya akan saya jelaskan sedikit mengenai Navigasi Breadcum (versi saya pribadi).

Navigasi Breadcrum adalah salah satu navigasi menu atau pelacak bagi pengunjung blog untuk memberitahukan pengunjung sedang berada di halaman manakah mereka saat mengunjungi blog sobat ketika itu. Jadi kalau di ibaratkan sebuah rumah, si tamu akan di beritahukan bahwa saat ini dia sedang berada dimana saat itu. Misalkan dia sedang berada di ruang makan, ruang tamu, atau ruang lainnya (misal). Lebih jelasnya silahkan sobat lihat pada keterangan gambar diatas.

Sekarang kita beralih bagaimana cara untuk membuatnya.
Ikuti tutorial dibawah ini :

* Silahkan sobat blogger login ke dasbor blog.
* Pilih Design/ Rancangan.
* Lalau pilih Edit HTML.
* Dan jangan lupa centang Expand Template Widget.
* Silahkan sobat blogger cari kode ini; ]]></b:skin>

* Setelah ketemu, kemudian sobat blogger copy kode dibawah ini, dan tempatkan tepat di atas kode tersebut;

#breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:10px;line-height: 1.4em;border-bottom:1px dotted #CCCCCC;}

* Kemudian sobat blogger cari lagi kode dibawah ini;

<b:if cond='data:post.title'>

Catatan : Biasanya ada lebih dari satu kode, tapi cukup kode yang pertama saja yang di pakai.

* Setelah ketemu kemudian sobat blogger copy kode dibawah ini, dan tempatkan tepat di atas kode tersebut;

<b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/><b:if cond='data:blog.pageType == "item"e;'> <div class='breadcrums'> Browse > <a exp:href='data:blog.homePageUrl'>Home</a> > <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"e;'>,</b:if></b:loop></b:if> > <data:post.title/></div> </b:if></b:if>

* Apabila telah selesai silahkan sobat blogger save/ simpan template blog sobat, dan lihat hasilnya dengan membuka salah satu postingan artikel di blog Anda.

Selamat mencoba.

Thx to : N3 Forum & RaydIN3 Blog Site Team
Visit My Blog | Indonesia Blog Project