Minggu, 2008 April 06

Membuat menu DropDown

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


Cara Buat Menu Dropdown Standar



 

<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>

 


Cara Buat  Menu Dropdown dengan Tombol



<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>



Cara Buat Menu Dropdown dengan Tombol Gambar



<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.




Dengan memasukan alamat email dibawah ini berarti anda akan mendapat kiriman artikel terbaru dari o-om.com di inbox anda:


Beri vote untuk nilai artikel ini:



14 Komentar:

Igbal mengatakan...

Pertama horeeee.....

OOM mengatakan...

Om keduax horeee jugaaa :)

Dyden Rinda mengatakan...

Asik bgt, bisa menghemat tempat ya oom. Nanti saya coba kalo blogrollnya dah lumayan banyak. Skarang msh sepi.. :(

mrilham mengatakan...

makasih infonya

adi-beng freeware &amp; tutorial mengatakan...

makasi o-om infonya, wah jadi bisa bikin blogroll mumpung masih newbie buat blog sekalian belajar hehe..

OOM mengatakan...

thanks buat sumua yang udah berhasil buat blogroll

w31n mengatakan...

omm boleh nyak kan!!

g man cara buat pasilitas srch di blogg kita!!:)

harap maklum kare masih pemula

sulae mengatakan...

Om....makasih yaa....hehehehehehehe kebetulan saya lagi perlu ini...hihihihihi

home-earnings mengatakan...

tak cobi rumiyin mas om, terimakasih banyak, saya adalah murid anda yang jarang komentar maapin ya.. mulai sekarang pasti deh akan kulonuwon di comen om..trims..

Anonim mengatakan...

thanks ommm........

Fery Corly mengatakan...

o-om makasih tipsnya, udah saya coba, tapi kalo judulnya panjang banget(misal: menu1 bla..bla.bla)supaya bisa turun ke bawah en gak nyamping terus gimana ya oom ?
makasih sekali lagi

Fery Corly mengatakan...

o-om makasih tipsnya, udah saya coba, tapi kalo judulnya panjang banget(misal: menu1 bla..bla.bla)supaya bisa turun ke bawah en gak nyamping terus gimana ya oom ?
makasih sekali lagi

OOM mengatakan...

@fery : sementara om belum tau caranya kalo gak salah bisa tapi lupa.

soluta mengatakan...

Thanks ilmunya sangat membantu...... :)


:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting sebuah Komentar

Untuk memasang emoticon diatas, cukup dengan menulis kodenya. Silahkan berkomentar, jangan nyepam ya :)

Sudah baca artikel yang ini:


 

My Friends

Kabar terbaru dari o-om.com

Tentang O-OM.COM

Melihat profil lengkap saya

Agus Ramadhani (O'OM), Menulis tentang blogger tricks, blogspot tutorial, blog tips, blogging, Blogger Hack, SEO, HTML, CSS, Free template, Ebook, Custom domain, opini. "Menjadi blogger tidak harus pintar, namun harus memiliki imajinasi yang kuat" Saya bisa di contact via Y!