Halaman

  • Web
  • Misther.co.cc
    • HOME , Mudah Membuat Menu Horisontal Pada Tab Navbar di Blog

    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 ?


    Artikel Terkait