Cara Membuat Menu Navigasi BreadCrumb

Nahh..Kali ini saya akan memberikan tips tentang membuat navigasi breadcrumb..Tahukah anda dgn navigasi breadcrumb??? navigasi breadcrumb merupakan suatu menu yg berisi label atau kategori sejajar yg diawali oleh Home yg akan mempermudah pembaca blog untuk mengetahui di mana posisi mereka. Contohnya seperti gmbar diatas.

Nah..kalau kalian berminat kalian bisa ikuti petunjuk di bawah ini :

1. Login ke akun Blogger kalian masing2.
2. Klik rancangan > Edit Html > Centang Expand Template Widgets.
3. Copy code dibwah ini dan pastekan 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}

4. Setelah selesai cari kode <div class='post hentry uncustomized-post-template'> atau <div class='post hentry'>
5. Copy paste kode di bawah ini, tepat di bwah kode yg tadi :

<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>

6. Simpan template dan lihat hasilnya.

Keterangan : kode yg berwarna biru adalah ukuran tulisan.
Semoga berhasil.

Related Post :

Tips Blogging

• Tips Agar Blog Anti Klik Kanan
• Membuat Efek Bubble Pada Cursor
• Membuat Efek Bintang Berjatuhan Dari Cursor
• Cara Menampilkan Widget Hanya Di Homepage Dan Halaman Posting Saja
• Cara Membuat Recent Post Slide Show
• Membuat Daftar Isi Tampilan Explorer
• Membuat Artikel Terkait / Related Post
• Cara Menampilkan Status YM Di Blog
• Cara Membuat Back To Top Dengan JQuery
• Cara Daftar Envolve Dan Memasang Widget Envolve Di Blog
• Cara Membuat Widget Icon Burung Terbang Twitter
• Cara Membuat Menu Horizontal Drop Down
• Cara Membuat Link Open New Tab
• Memasang Tombol Komentar Klasik Di Atas Kotak Komentar Blog
• Cara Memasang Lagu Di Blog
• Cara Membuat Iklan Melayang Dengan Tombol Close
• Cara Membuat Scroll Pada Kotak Komentar Blogger
• Cara Menyembunyikan NavBar Pada Blogger
• Cara membuat Tab View
• Scan Blog atau Website Anda
• Cara Membuat Daftar Isi
• Cara Memasang Widget Translate Pada Blog
• Pasang Widget Internet Speed Test Di Blog Anda
• Menambahkan Reply Buttoon Pada Komentar Blogger

Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :