WELCOME TO MY BLOG "AGSYNI" ^-^ "#*JGN LUPA KOMENNYA SOB*#"

Selasa, 09 Agustus 2011

MEMBUAT MENU DROP-DOWN

ne ada lg sapa yg mau buat menu drop down ni q da tata caranya....

1. Masuk ke Blogger
2. Layout
3. Page Element => Add A Gadget => pilih HTML Javasript
4. Masukkan kode berikut,



<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> 
<option>- Judul Menu Dropdown -</option>  
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option> 
<option value=" Alamat Blog Sobat ">Judul dari Link </option>  
</select></form>

Note    :
* Warna biru adalah Judul Menu Dropdownnya
* Warna Hijau adalah Alamat Blog Sobat
* Warna merah adalah Judul Link
* Nah, untuk menambah isi dari dropdown ,maka Sobat tinggal memperbanyak kode



<option>- Judul Menu Dropdown -</option>  
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option> 


misalnya seperti ini,



<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> 



<option>- Judul Menu Dropdown -</option> 
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>  


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>  


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>  


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>   


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>


<option value=" Alamat Blog Sobat ">Judul dari Link </option>  
</select></form>


Note    :   Kode yg diblok kuning itulah hasilnya perbanyakannya. Sobat bisa modif sendiri

Nah, hasilnya dari contoh di atas ,seperti ini,

Udah dulu yah . . . .Selamat Mencoba Ya . .

Tidak ada komentar:

Posting Komentar

#navbar-iframe { opacity:0.0; filter:alpha; (Opacity=0)} #navbar-iframe:hover { opacity:1.0; filter:alpha; (Opacity=0, FinishedOpacity=100)}