Cara Membuat Menu Dropdown Diblog

Lama sudah Diaz gak blogging karena banyaknya kerjaan yang harus Diaz selesaikan, jadi kangen pada sobat blogger sekalian. Edisi sore hari ini Diaz akan share Cara Membuat Menu Dropdown Diblog. Fungsi dari Menu Dropdown bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll. Bagaimana sobat..??? tertarik untuk membuat..?? langsung aja check it dot.

Caranya :
1.Login ke blogger sobat.
2.Masuk ke menu "Rancangan" trus pilih Add Gadget --> HTML/JavaScript.
3.Kemudian masukkan script berikut ini di kotak "Content".

Script 1:

<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" name="menu" > <optgroup label="kelompok 1"> <option value="link1">judul link 1 <option value=" link2">judul link 2 <option value=" link3">judul link 3 <optgroup label="kelompok 2"> <option value="link1">judul link 1 <option value=" link2">judul link 2 <option value=" link3">judul link 3 </optgroup></optgroup></select>

Contoh:
judul link 1 judul link 2 judul link 3 judul link 1 judul link 2 judul link 3

Script 2:

<form name="ddmenu"> <select onchange="document.location.href=this.options[this.selectedIndex].value;" name="menu"> <option/>My Menu<option/><optgroup label="kelompok 1"></optgroup> <option value="link1">Judul link 1 <option value="link2">Judul link2 <option value="link3">Judul link3 <optgroup label="kelompok 2"></optgroup> <option value="link1">Judul link 1 <option value="link2">Judul link2 <option value="link3">Judul link3 </select></form>

Contoh:

My Menu Judul link 1 Judul link2 Judul link3 Judul link 1 Judul link2 Judul link3

4.Selesai klik save/simpan.

Semoga artikel Diaz ini bisa bermanfaat untuk sobat-sobat blogger sekalian.Jika sobat mempunyai pertanyaan,kritik ataupun saran,silahkan tulis di kolom komentar yang berada di bawah postingan.Sampai jumpa di Tutorial Blogspot  berikutnya.