Minggu, 15 November 2009

Membuat menu Dropdown

Apa itu menu dropdown ya..??? dan keuntungannya apa..??? hmmm...Dengan menu dropdown kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang sangat banyak. Itu bisa diisi dengan arsip, blogroll dll. Gimana ? Mau mencobanya ?....Gak mau.??? lho... kenapa..??? ya udah, mau gak mau yg penting sy tulis...hehehe...

Caranya : masuk ke dasbor >>> tata letak >>> tambah HTML/JavaScript >>> kemudian masukkan script berikut :
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>tulisan utama</option>
<option value="Links yg mau dituju">tulisan kedua</option>
<option value="Links yg mau dituju">tulisan ketiga</option>
</select>
hasilnya seperti ini :



Bener kan...menghemat tempat...Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog kita sendiri. Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu.

Yang ini cocok untuk Blogroll atau Friend link.
Hanya tinggal merubah kodenya :
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>tulisan utama</option>
<option value="Links yg mau dituju">tulisan kedua</option>
<option value="Links yg mau dituju">tulisan ketiga</option>
</select>
Hasilnya seperti ini :



Masih ada satu lagi cara atau menu untuk menghemat ruangan di blog kita, yaitu dengan menu Scrool.

2 komentar:

kAmU bisa gunakan <a href="#">#</a> <b>#</b> <i>#</i> di kotak komentar...
Percaya gak, kalau Blog ini bisa dapat PR 10 dari mbah google...??? hehehe....