Nov 15

Cara Membuat Dropdown Menu di Blogger

Posted on November 15th, 2009 by by admin

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 obat keputihan
    March 3rd, 2011 at 8:28 am

    makasih infonya mas :)

    Post ReplyPost Reply
  3. #3 yudhi
    March 11th, 2011 at 10:24 pm

    fren, aku mo bikin blog pake blogspot neh, aku kesulitan pas mo bikin drop down menu, aku coba caari di internet tapi kaga ada yang aku pahami, gemana ya??
    bisa bantu gak?
    thanks

    Post ReplyPost Reply
  4. #4 bola terbaru
    July 18th, 2011 at 7:30 pm

    duh aku belum mudeng nieh :( bingung gimana cara buatnya kalau di arahkan mouse maka muncul yang bawah lagi :(

    Post ReplyPost Reply
  5. #5 gps track east java
    September 24th, 2011 at 10:53 pm

    nice info, copas dulu ya gan heee…thx

    Post ReplyPost Reply
  6. #6 Andi
    October 13th, 2011 at 7:19 pm

    Nice tips sob hehehe

    Post ReplyPost Reply
  7. #7 bados
    October 30th, 2011 at 4:02 am

    trims info’x, bermanfaat bnget…

    Post ReplyPost Reply
  8. #8 Windows 7 Blog
    October 30th, 2011 at 10:47 pm

    kalok untuk yg menu utama bisa gk pake drop down?

    Post ReplyPost Reply
  9. #9 Adsloko
    December 11th, 2011 at 7:21 pm

    Mantab sekali ni infonya, salam kenal and happy blogging

    Post ReplyPost Reply
  10. #10 arnes
    January 1st, 2012 at 8:15 am

    wah mantap mas.. salam kenal

    Post ReplyPost Reply