Link

2
Tips 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 Kamu ngeblog bertahun-tahun, tentu akan semakin panjang kan daftar bulan Arsip blog....?
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
  • 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 , 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 Dituju">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://id-on.blogspot.com/">Yahoo! Emoticons</option>
    <option value="lhttp://id-on.blogspot.com/">Membuat Efek Marquee</option>
    <option value="http://id-on.blogspot.com/">Cara Membuat Label</option>
    <option value="http://id-on.blogspot.com/2009/04/tutorial-membuat-text-area.html">Membuat Teks Area</option>
    <option value="http://id-on.blogspot.com/">Tips Membuat Favicon</option>
    <option value="http://id-on.blogspot.com/">Tips Membuat Read more</option>
    </select></form>

  • Silahkan Dicoba...


Label: ,

2 komentar:

Muhamad Aliyudin mengatakan...

Pertamax gan.. Mau dicoba dulu ya gan..

Faris Arifiansyah mengatakan...

thanks bgt bos infonya :D

Posting Komentar

Silahkan tinggalkan komentarnya...