Friday, July 16, 2010

Membuat Menu Dropdown Untuk Arsip/Archieve Blog

Dengan dropdown menu kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll. Gimana? Mau mencobanya? caranya : Login ke blogger, trus masuk ke menu "Rancangan" trus pilih Add Gadget --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content".


Pilih Script yang kamu suka :

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>

Hasilnya seperti ini :




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>

Hasilnya seperti ini :






KETERANGAN :

Tulisan yang bewarna merah adalah url link. Bisa anda ganti url postingan anda.
Tulisan bewarna biru adalah judul postingan anda.



^^ Selamat mencoba ^^

No comments:

Post a Comment

Silahkan tinggalkan komentar anda di bawah ini. No Spam ! No Sara !