Supaya tutorial ini rada lengkap dan agar kamu tidak pusing nyari kesana-kemari mengenai bahasan ini maka kali ini saya akan mengupas cara membuat menu dropdown select. Saya istilahkan demikian supaya tidak "pahili" (tertukar) dengan dropdown pada navbar menu.
Kayak gimana sih menu dropdown select ini? Mungkin itu pertanyaan kamu yang belum mengenalnya. Contoh menu dropdown select ini bisa kamu lihat pada Google Translate yang ada di sidebar blog ini. Nah, seperti itulah "makhluk" ini, dan cara membuatnyapun tidak terlalu sulit. Mau?
Cara membuat menu dropdown select ini sebagai berikut:
Agar link-link tersebut dibuka pada halaman (tab) baru, maka gantilah kode:
Ok, segitu aja sob. Semoga bermanfaat .....
Kayak gimana sih menu dropdown select ini? Mungkin itu pertanyaan kamu yang belum mengenalnya. Contoh menu dropdown select ini bisa kamu lihat pada Google Translate yang ada di sidebar blog ini. Nah, seperti itulah "makhluk" ini, dan cara membuatnyapun tidak terlalu sulit. Mau?
Cara membuat menu dropdown select ini sebagai berikut:
- Dari halaman dasbor, klik Tata Letak - Elemen Halaman.
- Kemudian klik Tambag Gadget dan pilih HTML/JavaScript.
- Masukkan kode berikut kedalamnya:
<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected />Judul Menu <option value="Link 1" />Nama Link 1 <option value="Link 2" />Nama Link 2 <option value="Link dst" />Nama Link dst </select>
- Ganti Judul Menu sesuai kebutuhan, Link 1, 2, dst. dengan link-link yang akan kamu masukkan, dan Nama Link 1, 2, dst. dengan nama dari link-link tersebut. Contohnya seperti ini:
<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected />Link Teman <option value="http://anastalove.blogspot.com" />Anasta Love <option value="http://sastraculun.blogspot.com" />Sastra Culun <option value="http://ruangsc.blogspot.com" />SC Community </select>
- Maka hasilnya akan seperti ini:
- Simpan hasil ini dan ucapkan Alhamdulillah.....
Agar link-link tersebut dibuka pada halaman (tab) baru, maka gantilah kode:
<select onchange="document.location.href=this.options[this.selectedIndex].value;">dengan kode ini:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
Ok, segitu aja sob. Semoga bermanfaat .....
18 commentsPosting Komentar
Terlalu banyak yg aku belum tahu nih...
Kok gak habis2 ya ilmu2 baru yg aku lihat lewat tutorial blog ? hehehe
Kang, tanya lagi. Kok ada yg bilang kotak komentarku jadinya muncul di tengah2 komentar yg masuk ? Padahal kalau aku buka blogku sendiri kotak komentarnya muncul di bawah komentar masuk tuh. Kok bisa laen gitu ya..?
kunjungan dari ago-blog.blogspot neh...
terima kasih ya atas masukannya tentang shout box saya, sesuai rekomendasi saya sudah ganti dengan Cbox... hehehehe....
asyik...ilmu baru lagi...
Terima kasih ya Kang
@Reni:
Saya udah cek di semua browser, baik IE, Chrome, Opera, Apple, Flock, dan Firefox, semuanya ok-ok aja kok mbak, terlihat di bawah bukan di tengah. Temen mbak salah lihat kali, hehehe...
@Ago:
Asyik ganti CBox nih, hehehe...
@Lina:
Sama-sama mbak...
Mantab sobat, ngacir dan segera bertindak!
Klo kolom google translate yg ada tulisan "SELECT LANGUAGE" agar berada ditengah-tengah gimana caranya kang enes. Cobi tingal google translate yg ada di blog saya agak bengkok-bengkok gitu, maksud na teh posisinya gak di tengah tapi dikiri. hatur nuhun kang Enes..
keren-keren mas
di coba dlu teman....lagi jalan2 nih...hhheee
tips posting ini bermanfaat bgt
setelah ngiter2 cari cara bikin drop down menu
eehhhh...alhamdulillah nemu di sini
hatur nuhun kang :D
O iya
bannermu dah nongkrong di laman ku
backlink blog ku ya
makasi :D
Perkenalan nih kang, masih liat-liat... tutorial yang bermanfaat, terima kasih...
tq infonya
Hebat...Hebat....
Kang elmunya manfaat banget.
Makasih banget lho.
Elmu berguna bila ditularkan
Doa mujarab bila dikirimkan.
Amin.
Salam Hangat
mau tukeran link gak kawan kawan.. klw mw bls ke blogku yah ke
http://pay-pal-indonesia.blogspot.com/ mkasihh
ditunggu yahh
Keren2 mas tips nya ... thanks yaa
Terima Kasih Mas Bro. Sangat Membantu Saya. Ini Yang Saya Cari
makasih info nya gan....
jangan lupa mampir ke blog ane
http://www.mangaloverz-naruto.blogspot.com/
Tambahkan Komentar