Facebook Twitter Friendfeed
Gratis berlangganan artikel o-om.com via mail, join sekarang!

47
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 dapat kiriman artikel terbaru dari o-om.com di inbox anda:


47 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...... :)

admin mengatakan...

kalau buat menu 1,2,3 nya ada gambarnya gimana om?

skunkwork mengatakan...

Sangat membantu...
Tapi klo bikin dropdown menu dua buah sekaligus dalam satu page, ko g bisa y....:D

adhi mengatakan...

Thx! :D

TURBIN PERSONAL BLOGSITE mengatakan...

gud job brooo

pukimaki mengatakan...

hallo bozz !
keren bro, i newbie
btw itu cocok diaplikasikan utk pa saja ?
mohon bimbingannya

Nur Rachmat mengatakan...

sip.. berhasil....

Nur Rachmat
http://kakipalsu.blogspot.com/

Zendha Refitra Anandhita mengatakan...

maksih berguna bgt neh..



FREE FULL SOFTWARE
http://zendha.blogspot.com/

Edi Psw mengatakan...

Menarik banget tipsnya.
Makasih.

Rajesh N Butpur mengatakan...

Free blogger templates over 500,

blogger-godown..blogspot.com

always health for you mengatakan...

trims banget om atas ilmunya

Wildan Arief mengatakan...

thanks om bwt tutorialnya

BOo mengatakan...

oom makasih buat semua artikelnya :D

Ega mengatakan...

Makasih boss

Cewek sexy mengatakan...

Thank ya om..

FahMyra mengatakan...

Siiiipppp.. langsung garap Om. thanks... ;;)

deddy mengatakan...

bagus postingannya.lagi perlu buat menu dropdown nih.

Heru Budianto mengatakan...

Postingnya bagus, tak contek ya bang. Eh... mau nanya nih bang k'lo ada kotak dan bisa dinaik turunkan tuh bagaimana bang? sorry katrok nih.

malaikat cinta mengatakan...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif

Saungweb mengatakan...

Wah bagus nih.. infonya.. cuman kalau ingin merubah tampilan warna untuk menu teksnya gimana ya... tolong dong pencerahannya..

andik mengatakan...

thanks

software full serial number
http://andik-eternal.blogspot.com

santri08 mengatakan...

oiy..gmn caranya om bikin dropdown menu tapi abis dipilih bakal pke halaman baru.. kan sayang kalo halaman yang td gnti alamat.. tengkyu

teguh mengatakan...

coba ach......

dadungsonline mengatakan...

Assalamu'alaikum,

Terima kasih Oom atas artikel "Cara Membuat Dropdown"nya saya mau mencoba mempraktekannya.

Wassalamu'alaikum,

yannti-basuki mengatakan...

Info nya membantu om,, mau langsung dipraktekin aja..
teng-teng yaa,, ^^

Much Asyiqin mengatakan...

Ok banget deh oom khususnya buat gue nih yang pemula

belajar bisnis online mengatakan...

Thanks banget om atas infonya

3bombom mengatakan...

infonya ok banget...thank ya....

Yazmienaru mengatakan...

keren2 :D

leemonzz mengatakan...

makasih oom infonya buat saya yang masih pemula..;))

RIZKI AGUNG PAMBUDI mengatakan...

mantepp infonya, berhasilllllllllll

karya anak bangsa mengatakan...

bagus juga mas, klw ada informasi lagi sebr sebar yahhh
http://pay-pal-indonesia.blogspot.com/

heru mengatakan...

makasih om

Blog Anak Indonesia mengatakan...

Mantap coy ...........
Tarik jabrix...

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

Poskan Komentar

Silahkan beri komentar dan jangan komentar bernada spam ya. thanks :)