Cara Membuat Jump Menu atau Dropdown Menu

Jump menu adalah salah satu gadget (widget) yang sama fungsinya dengan blogroll, tetapi lebih hemat tempat lagi, karena cuma satu baris dan untuk membukanya kita tinggal mengklik arah panah ke bawah.

Kita akan belajar membuat dropdown menu atau Jump menu, sebelumnya kita sudah pernah membahas cara membuat blogroll [klik cara membuat blogroll untuk membaca]. Dengan menggunakan jump menu atau dropdown menu tersebut kita akan bisa lebih menghemat space atau tempat.

Jump menu atau dropdown menu kita dapat gunakan sebagai blogroll yaitu menampilkan teman-teman kita, untuk menghormati teman kita, kita cantumkan blog teman-teman kita.

Cara Membuat Jump Menu atau Dropdown Menu
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Teman-Teman</option>
<option value="http://kurniasepta.blogspot.com"> Blogspot </option>
<option value="http://kurniasepta.blogdetik.com"> Blogdetik </option>
<option value="http://kurniasepta.wordpress.com"> Wordpress </option>
.... dst ....
</select>

Perhatian :)
Teman-Teman adalah judul
http://kurniasepta.blogspot.com adalah alamat URL
Blogspot adalah judul blog teman kita
Kamu bisa menambakannya sendiri, sebanyak teman kamu (...dst...)

5. Simpan Kalau sudah yakin.

Nanti kalau sudah berhasil hasilnya seperti ini



Enter your email address:

Belajar Ngeblog di BLOG Terkait:


26 komentar:

belajar dan berbagi mengatakan... Balas Komentar

Nice post..
kereennn.
thanks info nya...keep share..

abie mengatakan... Balas Komentar

mas mas..ko SB nya nggak ada sih..kasihan pengunjung tuh pada kabur lagi...

- s L i K e R s - mengatakan... Balas Komentar

Mantab bos... :)

JALOE mengatakan... Balas Komentar

wew makin berisi saja artikel na boss

Rasid mengatakan... Balas Komentar

thank u berat boss

BAE mengatakan... Balas Komentar

Mudah-mudahan bisa membantu dalam mengoptimalkan website/blog kita. Saya save untuk referensi. Terima kasih.

Rio Sembilan mengatakan... Balas Komentar

makin oke nih tip2nya.. mantabs..

Baka Kelana mengatakan... Balas Komentar

Sip...langsung disimpan komandan
terus berkarya...sangat bermamfaat ilmu bagi newbie seperti saya

Thanks ya

SMK Tekno-SA mengatakan... Balas Komentar

Mas, kok pas diklik muncul jendela baru ya... (target_blank), caranya biar bisa kebuka satu halaman saja gimana??? CoZ mau tak pake buat pilihan postinganQ

Okim Noerkarim mengatakan... Balas Komentar

Thank's. semoga bermanfaat, yang jelas buat sy sendiri sangat membantu

cara membuat blog mengatakan... Balas Komentar

Saya coba ya, thanks tulisannya.

BAYU mengatakan... Balas Komentar

Tolong kirim cara buat menu view dan gmana agar artikel kita tersusun didalamnya. saya masih pemula banget niii `x

Blog Adhi mengatakan... Balas Komentar

manteb infonya bos...thanks
Linkback ya, linknya udh aku pasang tuh..hehehe:D

Aryo Halim mengatakan... Balas Komentar

bikin menu/label spt di modzila firefox sptnya lebih keren

Tips dan Trik Komputer mengatakan... Balas Komentar

Ohya sedikit info aja, blogrol pake dropdown menu seperti ini sebaiknya dihindari, karena google g akan menganggap link yang ad itu sebagai back link. JADI WASPADALAH

Gilford mengatakan... Balas Komentar

Waduuhh,,,
Bukan nih yg gw crii,,,

Ally Akbar Firdaus mengatakan... Balas Komentar

bos keren abis nich, tapi ada kurang dikit nich gini bos, sayakan sudah bikin jump menu. Ambil contoh saya bikin jump menu Ponsel terbaru terus di menjadi 2 bagian nokia sama motorola. yang ini saya tanyakan gimana memberi link nokia sama motorola agar bisa membuka halaman baru ada keterangannya. misalnya bos nokia terbaru itu terdiri dari...........
di tunggu nich bos secepatnya, dan makasih banyak atas informasinya.

icut-titang.blogspot.com mengatakan... Balas Komentar

thank tuk tutorialnya sukses selalu

lpmsby mengatakan... Balas Komentar

Thank, banget atas Ilmunya... selamat berkreasi and sukse buat yang punya blog..

"om_rame" mengatakan... Balas Komentar

mantab om

AKATSUKI FREEDOM mengatakan... Balas Komentar

OK bgT..........
ThanX atas Info_y.......
Oy SLam KnaL Jg...........

dwi mengatakan... Balas Komentar

tq sangat bermanfaat bg sy

Toko "MOYA" Internasional mengatakan... Balas Komentar

oks terima kasih buanyaks atas infonya?

ops dan mau tanya ?
kalo membuat jump menu dropdown, yang kaya :
jika panah hanya diarahkan ke menunya saja bisa langsung muncul sub menunya tanpa mengeklik menunya, gimana za?

kunjungi juga web gw www.obat-perkasa.blogspot.com

Jali dan Jariah mengatakan... Balas Komentar

macam mana nk panjang kan lagi saiz kotak itu?

zonantio mengatakan... Balas Komentar

thanks bro... sangat bermanfaat!!

Gie mengatakan... Balas Komentar

mantap" euy ..
postingan na
hehe lanjutkan

Poskan Komentar

Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya contoh: =))
Jangan sampai komentarmu masuk ke dalam SPAM!