Cara Membuat Menu Drop Down


Untuk menghindari arsip blog yang menumpuk atau berderet kebawah terlalu panjang, kita bisa menggunakan menu dropdown agar terlihat lebih efisien. Karena semakin banyak dan semakin lama kita ngeblog maka arsip blog kita akan bertambah panjang daftarnya. Seperti yang kita ketahui, blog di arsip setiap bulan. Bagaimana kalau sobat ngeblog bertahun-tahun, tentu akan semakin panjang kan daftar bulan arsip blog sobat.
Berikut ada sedikit tips untuk membuat menu dropdown, tapi saya hanya akan menjelaskan cara membuat menu dropdown untuk yang memakai template baru, karena saya sendiri juga menggunakan template baru.
  • Login ke Blogger dengan ID sobat tentunya.
  • Klik Tata Letak.
  • Kemudian klik Elemen Halaman.
  • Klik tambah Gadget --> kemudian pilih menu yang bertulikan Arsip Blog
  • Disamping tulisan style, pilih radio button yang bertuliskan Dropdown Menu --> kemudian contreng kotak radio button tersebut.
  • Klik Simpan.
  • Itu tadi menu dropdown untuk Arsip Blog sobat, lantas bagaimana cara membuat menu dropdown yang didalamnya terdapat link. Seperti ini kode HTML nya :

    <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>judul menu</option>
    <option value="isi dengan addres yang ingin di tuju">judul link disini</option> </select></form>
  • Contohnya seperti berikut :

    <form><select name="menu"  onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
    <option>Blogspot Tutorial</option>
    <option value="http://miscah.blogspot.com/2009/05/yahoo-messenger-emoticons.html">Yahoo! Emoticons</option>
    <option value="http://miscah.blogspot.com/2009/04/tips-membuat-efek-marquee.html">Membuat Efek Marquee</option>
    <option value="http://miscah.blogspot.com/2009/04/cara-membuat-label-kategori.html">Cara Membuat Label</option>
    <option value="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html">Membuat Teks Area</option>
    <option value="http://miscah.blogspot.com/2009/04/membuat-favicon.html">Tips Membuat Favicon</option>
    <option value="http://miscah.blogspot.com/2009/04/trik-membuat-read-more.html">Tips Membuat Read more</option>
    </select></form>
  • Hasilnya :

Sangat mudah bukan, silahkan dicoba !

Sumber: http://miscah.blogspot.com/2009/05/tips-membuat-menu-dropdown.html 

6 komentar:

  1. Anonim8 Februari 2012 pukul 21.21

    semuanya sama membuat menu drop down itu sprti itu itu juga sedang yang di inginkan gak pernah ada yaitu kotak drop downnya berupa gambar jpg bikinan sendiri yang bila tidak di klik hanya tampak gambar doang tanpa ada tanda panah ke bawah tapi jika di klik maka akan tampak langsung turun ke bawah menampilkan menu lain. gimana ya caranya...tolong pencerahannya...thank's buanget & lam kenal aja.

    BalasHapus
    Balasan
    1. Nur Sugiyanto8 Februari 2012 pukul 22.41

      itu juga saya copas dari tulisan lain kang, coba saja cari dari blog tutorial lain kan masih banyak. trim's kunjungannya...

      Hapus
  2. Serius ga Sih??25 Juli 2012 pukul 04.11

    kalau mau bikin Kotak blog Archive persis seperti punya blog ini Gimana ya?
    kasi tau donk? :)

    BalasHapus
  3. Nur Sugiyanto26 Juli 2012 pukul 01.57

    tutorial tentang blog archive dg funsi scroll sudah banyak gan, coba yang ini http://serbasejarah.blogspot.com/2012/07/membuat-blog-archives-dengan-fungsi.html

    BalasHapus
  4. Uem Cuters16 Oktober 2012 pukul 05.38

    Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  5. Panduan membuat blog18 Januari 2014 pukul 23.08

    Sangat jelas sekali gan ulasannya,trim

    BalasHapus

Langganan: Posting Komentar (Atom)