Kode Script Sederhana Membuat “Dropdown Menu”

Untuk para blogger yang tertarik membuat “Dropdown Menu”, yang dapat digunakan untuk memberikan referensi tautan alamat web berguna di Blog Pribadinya, perkenankan saya berbagi tip dan trik penulisan kode HTML sehubungan dengan tujuan tersebut.

Sebelumnya mari kita cari tahu dulu apa itu “Dropdown Menu”. Jenis menu ini adalah yang bisa memuat alamat WEB dengan bentuknya yang turun ketika diklik. Karena sangat praktis dan tak memakan ruang pemuatan yang besar di Blog, Dropdown Menu ini sering dipakai para blogger. Di bawah ini telah disertakan kode script HTML pembuatannya.

Silakan copy-paste kode HTML Script di bawah ini:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option />TULISAN YANG MUNCUL PERTAMA <option value="Alamat Web" /> Nama Web </select></form>

Agar lebih jelas ada baiknnya lihat contoh kode script dari “Dropdown Menu” yang saya pakai di Blog pribadi saya di bawah ini:


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option />USEFUL LINKS <option value="http://dumalana.com/author/november11/" />Dumalana <option value="http://baltyra.com/" />Balytra <option value="http://www.w3schools.com/" />Online WEB Tutorial <option value="http://fiksilotus.com/" />Fiksi Lotus <option value="https://www.box.com/" />Box File Sharing <option value="http://www.freeiconsdownload.com/index.html" />Free Icons Download <option value="http://www.kompas.com/" />Kompas Online <option value="http://mahayana-mahadewa.com/arsip/" /> Mahayana Mahadewa <option value="http://www.detik.com/" /> Detik <option value="http://www.tempo.co/" /> Tempo Online <option value="http://www.poskota.co.id/category/nah-ini-dia" /> Nah Ini Dia <option value="http://www.online-literature.com/" /> International Literature <option value="http://www.brainyquote.com/" /> Brainy Quote <option value="http://default.tabloidnova.com/microsite/cerpen/" /> Cerpen Tabloid Nova <option value="http://www.intisari-online.com/" /> Majalah Intisari Online <option value="http://bloggertemplateshub.com/" /> Free Templates <option value="http://www.onlineocr.net/" /> OCR Converter <option value="http://www.poemhunter.com/" /> Poem Hunter <option value="http://www.iwu.edu/~jplath/literary.html" /> Literary Links <option value="http://www.deviantart.com/" /> Devian Art <option value="http://www.usingenglish.com/" /> Using English <option value="http://www.roadtogrammar.com/" /> Road to Grammar <option value="http://www.dailypainters.com/paintings" /> Daily Painters <option value="http://kamusbahasaindonesia.org/" /> Kamus Online <option value="http://beemp3.com/" /> Beemp3 <option value="http://www.vocabulary.com/definition/" /> Vocabulary <option value="http://dictionary.cambridge.org/dictionary/essential-american-english/" /> Cambridge Dictionary <option value="http://www.merriam-webster.com/" /> Merriam Webster Dictionary <option value="http://www.cartoonstock.com/features.asp" /> Cartoon Stock <option value="http://www.onelook.com/" /> One Look <option value="http://www.info-lomba.com/" /> Info Lomba <option value="http://www.ziddu.com/" /> Ziddu <option value="http://www.advicetowriters.com/" /> Advice to Writers <option value="http://www.seputar-indonesia.com/edisicetak/" /> Koran Sindo <option value="http://cerpenkompas.wordpress.com/" /> Kumpulan Cerpen Kompas <option value="http://publiksastra.net/" /> rePublik Sastra <option value="http://www.sciencedaily.com/" /> Science Daily <option value="http://www.writersdigest.com/" /> Writers Digest <option value="http://www.health.com/health/" /> Everyday Health <option value="http://www.gutenberg.org/wiki/Main_Page" /> Project Gutenberg <option value="http://www.writing-world.com/" /> Writing World <option value="http://manybooks.net/authors.php" /> Many Books </select></form>

Hasilnya seperti di bawah ini:

USEFUL LINKS Dumalana Balytra Online WEB Tutorial Fiksi Lotus Box File Sharing Free Icons Download Kompas Online Mahayana Mahadewa Detik Tempo Online Nah Ini Dia International Literature Brainy Quote Cerpen Tabloid Nova Majalah Intisari Online Free Templates OCR Converter Poem Hunter Literary Links Devian Art Using English Road to Grammar Daily Painters Kamus Online Beemp3 Vocabulary Cambridge Dictionary Merriam Webster Dictionary Cartoon Stock One Look Info Lomba Ziddu Advice to Writers Koran Sindo Kumpulan Cerpen Kompas rePublik Sastra Science Daily Writers Digest Everyday Health Project Gutenberg Writing World Many Books

Semoga tips ringkas ini bermanfaat. Artikel ini saya intisarikan dari berbagai sumber, terutama dari Online Tutorial yang memberikan pengetahuan seluk-beluk bahasa pemrograman WEB.

Share: