Mudah Membuat Menu Horisontal Pada Tab Navbar di Blog

Dari gambar di atas, tentu kita sudah paham dan mengerti maksud dari menu horisontal pada tab navbar di blog. Adanya tab tersebut, blog akan kelihatan lebih rapi, dan pengunjung pun bisa dengan mudah menjelajahi isi dari blog. Pertanyaannya adalah gimana cara membuatnya? Apakah kita harus mengutak atik pengaturan di HTML/JavaScript? Tentu tidak harus begitu, namun yang mengharuskn kita untuk mengutak atik di pengaturan HTML/JavaScript itu hanyalah pada pembuatan menu yang dilengkapi dengan sub-sub menu yang bisa drop down vertikal atau horisontal.


Lanjut pada pembahasan pokok kita. Gimana cara membuatnya? Ikuti langkah berikut :


1. Pada Halaman dasbor, klik tata letak.

2. Tambahkan Widget yang ada di bagian Navbar (letaknya bagian atas bodi Postingan). Kalau tidak ada item tambahkan widget, bisa diambil di ba

<li><a href="http://www.alfa-ryanto.co.cc">Home</a></li>
<li><a href="http://www.alfa-ryanto.co.cc/2010/05/nonton-tv-sambil-online.html">TV Online</a></li>
<li><a href="http://punya-musik.blogspot.com">Musik</a></li>
<li><a href="http://chatroll.com/embed/chat/kgh8?name=kgh8">Buku Tamu</a></li>

3. Ganti Kode link warna merah yang menuju pada menu tab (Home). Warna biru merupakan menu yg kta tampilkan pada navbar, dan anda sesuaikan dengan isi yang ada dalam blog. Tapi yang perlu diperhatikan, keakuratan link yang menuju pada menu, dan perhatikan susunan dari script tersebut di atas. Anda Tinggal menambahkan menu- menu lainnya sesuai dengan kebutuhan.

4. Jangan lupa di save, dan view gimana hasilnya, mudah-mudahn bisa berhasil.

 Oia, jika kita menginginkan menu tersebut bisa terbuka di tab lain anda bisa lihat seperti contoh berikut, kali ini saya sesuikan dengan kondisi blog saya, misalnya TV Online :

<li><a href="http://www.alfa-ryanto.co.cc/2010/05/nonton-tv-sambil-online.html" target="new">TV Online</a></li>

Perhatikan letak dan tulisan warna merah, itulah yang perlu Anda tambahkan agar menu tertentu bisa terbuka pada tab lain ketika mengklik menu tersebut. Mudah kan ?

Cara Menghilangkan Widget Attribution dan navbar Blogger

Pada episode yang lalu saya sudah menerangkan tentang kemunculan widget attribution blogger dan cara memindahkanya, pada episode kali ini pun masih membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#navbar {height:0px;
visibility:hidden;
display:none
}

#Attribution1 {height:0px;
visibility:hidden;
display:none
}
 

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.