Selamat Datang Di Ngiler'Blog Selamat Datang Di Ngiler'Blog www.blogngiler.blogspot.com www.blogngiler.blogspot.com
Selamat Datang Di Ngiler'Blog Selamat Datang Di Ngiler'Blog www.blogngiler.blogspot.com www.blogngiler.blogspot.com

"balarenik"


Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa text dan link)  yang di ringkas menjadi menu tunggal, Menu dropdownbisa digunakan sesuai kebutuhan anda, selain bisa digunakan sebagaialternatif Blogroll, bisa juga anda gunakan untuk memuat banyak alamat Link ke situs tujuan. mau tau cara pembuatannya?



Login ke blogger, trus masuk ke menu "Page Element" trus pilih TAMBAH GAGET à PILIH àHTML/JavaScript. Kemudian masukkan script berikut ini  yang sudah kamu pilih, lalu copy scrip tersebut, kemudian kamu “paste”kan kedalam  "Content" lalu simpan.
selamat mencoba, jangan lupa comentnya klo sudah berhasil membuat. :)


Scrip Membuat Menu Dropdown Standar

Top of Form
   
Bottom of Form

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="
http://alamat-url1.com">Menu1</option>
<option value="
http://alamat-url2.com">Menu2</option>
<option value="
http://alamat-url3.com">Menu3</option>
</select>
</form>

 

Scrip Membuat  Menu Dropdown dengan Tombol

Top of Form
    
Bottom of Form

<form name="jump">
<select name="menu">
<option value="
http://alamat-url1.com">Menu1</option>
<option value="
http://alamat-url2.com">Menu2</option>
<option value="
http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>



Scrip Membuat Menu Dropdown dengan Tombol Gambar

Top of Form
    http://oom.blog.googlepages.com/Go.gif
Bottom of Form

<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="
http://alamat-url1.com">Menu1</option>
<option value="
http://alamat-url2.com">Menu2</option>
<option value="
http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG SRC="
http://oom.blog.googlepages.com/Go.gif" border=0></a>
</form>

Catatan : kode ditandai warna merah bisa diganti sesuai keinginan anda.