Nov 15

Cara Membuat Dropdown Menu di Blogger

Posted on November 15th, 2009 by by Masriadi

Dropdown menu berfungsi untuk menghemat ruang diblog sehingga ruang yang di gunakan untuk widget archive, blogroll dll bisa ditampilkan lebih praktis tidak berjejer kebawah.

Membuat Dropdown menu untuk archive

  • Pilih Tata letak > Elemen Halaman > Tambah gadget > Pilih ‘Archive Blog’ >Beri tanda ceklis pada ‘Menu Dropdown’ > Simpan

dropdown1
dropdown2
dropdown3

Membuat Dropdown menu untuk Blogroll

  • Pilih tata letak > Elemen Halaman > Tambah Gadget > HTML/JavaScript > ketik blogroll pada judul, kemudian ketik kode berikut pada bagian konten > Simpan :

<form><select name=”menu” onchange= “window.open(this.options[this.selectedIndex].value,’_blank’)” size=1 name=menu>
<option>- Blogroll Gue -</option>
<option value=”http://www.tes.com/“/> tes1 </option>
<option value=”http://www.tes.com/“/> tes2 </option>
<option value=”http://www.tes.com/“/> tes3 </option>
</select></form>

dropdown4

Keterangan :

  • Kode yang berwarna biru untuk link blogroll anda
  • Kode yang berwarna merah untuk nama blogroll anda

Jika ada kendala, ayo kita diskusikan disini.. Selamat mencoba..!!

Tags: ,

Silahkan masukan alamat email, untuk membaca setiap artikel terbaru masriadi.net langsung dari inbox email anda
  1. #1 niam
    December 6th, 2009 at 9:08 pm

    makasih ilmu,a Link balik za…..

    Post ReplyPost Reply
  2. #2 desi
    February 22nd, 2010 at 5:03 pm

    ini drop down list namanya. bukan drop down menu. bikin istilah baru ya, mas?
    kalau drop down menu itu seperti di mozilla, di atasnya ada deretan menu yang kalau diklik akan keluar sub menunya.

    Post ReplyPost Reply
  3. #3 Heddy
    June 18th, 2010 at 5:27 am

    good info…thanks

    Post ReplyPost Reply
  4. #4 Masriadi
    July 24th, 2010 at 2:57 am

    Thanks nya atas koreksinya..

    Post ReplyPost Reply