Cara Membuat Dropdown Menu

Browse » Home » Blogging Tutorial » Cara Membuat Dropdown Menu

Cara Membuat Dropdown Menu

Siang semua....., siang-siang gini pastinya kalian lagi maen internet daripada keluar panas-panasan, iya gak ?
ya pada siang hari ini saya akan memposting bagaimana "Cara Membuat Dropdown Menu".., kalian tau gak dropdown menu ? gak tau ? ya udah deh di bawah ini yang namanya dropdown menu :

sUdah tau kan apa itu dropdown menu ? dengan dropdown menu kita bisa mnghemat space/ruang di blog kalian, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
gimana? mau memakainnya?

Cara-caranya sebagai berikut :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Tulisan yang berwarna biru adalah link. Ganti tulisan tersebut dengan link kamu.
Text yang berwarna hijau adalah tulisan yang ditampilkan. Itu juga harus kalian ganti.

Contohnya :

<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="" value="0">Blog-Blog Akatsuki Blog</option> <option value="http://29101996.blogspot.com/">My Blog</option> <option value="http://smpn1bwi.blogspot.com/">Blog Percobaan</option> <option value="http://deopradiptaputrasetyadi.blogspot.com/">Kartu Nama</option> </select>

Jadinya seperTi ini :

Untuk menambah menu lagi, tambahkan kode seperti ini :

<option value="Links 4">Text 4</option>
sebelum kode </select>

SemoGa posTingku paDa detik ini., menit ini., jam ini., hari ini., minggu ini., bulan ini., tahun ini., abad ini bermanfaat untuk kalian semua.,
dAn jaNgan lupa comMentnya ya....,

43 komentar:

Dayantie mengatakan...: thanks f0r sharing..,; 20 Juni 2010 pukul 14.00
Deo Pradipta mengatakan...: u'r wELcOmE...,; 20 Juni 2010 pukul 14.04
Anonim mengatakan...: hey.. how if i doesn't want to put a a link??; 4 November 2010 pukul 20.44
baju couple mengatakan...: gagal ne sob punya saya... :(; 10 Desember 2010 pukul 10.38
Deo Pradipta mengatakan...: @baju : gagal gmna sob ?; 10 Desember 2010 pukul 20.44
Yoike herisa mengatakan...: Dropdown menu ini maksudnya apa sih?
kalo kotak menu dibawah yg ringkas banget punya agan itu apa namanya? (yg ada plurk connect); 4 Juli 2011 pukul 22.05
Deo Pradipta mengatakan...: @Yoike : dropdown itu seperti contoh diatas yang ada dipostingan..

kalau yang dibawah itu tombol maximaze dan minimaze... thx.. :D; 4 Juli 2011 pukul 22.17
Yoike herisa mengatakan...: oh haha thx ya!
ohya kalo cara bikin tombol minimaze dan maximaze itu gimana? mhn bantu(:; 5 Juli 2011 pukul 13.53
Deo Pradipta mengatakan...: coba disini aja girl.. http://thegeurasi.blogspot.com/2010/07/cara-buat-tombol-maximize-dan-minimize.html

thx dah mampir :D; 5 Juli 2011 pukul 15.25
Yoike herisa mengatakan...: samasama! btw thnx ya infonya! ;D; 5 Juli 2011 pukul 22.23
Deo Pradipta mengatakan...: oke..! jangan bosen2 mampir kesin... :D; 6 Juli 2011 pukul 08.33
Yoike herisa mengatakan...: sip lah! mampir juga ke blogku ya ;); 6 Juli 2011 pukul 10.00
Deo Pradipta mengatakan...: ya ya...! thankz agy yah... :D; 6 Juli 2011 pukul 11.49
dian mengatakan...: mantappppppp......
thankkkks; 11 November 2011 pukul 20.19
Deo Pradipta mengatakan...: yoyoyoi.. sama2 yakk ^_^; 11 November 2011 pukul 22.42
Rara n.y mengatakan...: matur suwun banget; 12 November 2011 pukul 13.29
Deo Pradipta mengatakan...: sama2 ra ^_^; 12 November 2011 pukul 14.40
Iqbal Yuliansyah mengatakan...: bagus ni !!!; 3 Desember 2011 pukul 15.38
Deo Pradipta mengatakan...: thankz sob ^_^; 3 Desember 2011 pukul 17.55
M Imron Pribadi mengatakan...: hehehehehhe gagal juga milik saya, salam makrifatbusiness.net; 16 Desember 2011 pukul 11.36
Deo Pradipta mengatakan...: ya kadang gini ini pengaruh template juga sob .. hehehe :D; 16 Desember 2011 pukul 21.31
AMY mengatakan...: mau tanya nih mas, buat tab menu gitu gmana ya??
soalnya kalok buat pake page dr blog ga bisa di comment ama yang lain... :) makasi sebelumnya; 10 Januari 2012 pukul 16.56
Deo Pradipta mengatakan...: itu mah bikinnya manual sob.. klw page biar bisa comment cek disini

http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/386207_2197480555935_1814892839_1415942_375563490_n.jpg; 10 Januari 2012 pukul 20.16
AMY mengatakan...: wah.. bisa sob... thx banget... :); 12 Januari 2012 pukul 14.48
Deo Pradipta mengatakan...: iya sob.. jangan bosen2 datang ke sini yaa :D; 12 Januari 2012 pukul 14.49
henny mengatakan...: thanks ya uda bgi ilmunya,,,,main" ke blogku ya,,,
ya walaupun nda sebagus blog u tman,,,
slm kenal dariku; 13 Januari 2012 pukul 09.27
Deo Pradipta mengatakan...: iya sob.. sama_sama yaa.. aku juga seneng bisa share :D
oke menuju ke TKP .. salam kenal ;); 13 Januari 2012 pukul 20.28
izayana yusuf mengatakan...: gan gmn cara buat atasnya all banner?
bls cepat; 28 Februari 2012 pukul 13.26
Deo Pradipta mengatakan...: masih belum tau sob.. blum coba2 juga.. :3; 1 Maret 2012 pukul 16.31
Anonim mengatakan...: caranya buat menu kayak punya kakak itu gimana ? boleh tau gak :D; 29 Maret 2012 pukul 13.31
Deo Pradipta mengatakan...: kasih tau gak ya ? kapan2 aja deh aku kasih tau :p; 1 April 2012 pukul 10.30
izayana yusuf mengatakan...: jangan lama2!; 4 April 2012 pukul 13.44
Deo Pradipta mengatakan...: oke.. mungkin masih lama.. soalnya sibuk .. cuma sempet bales komentar temen2 ^^; 4 April 2012 pukul 16.07
ALDY mengatakan...: GAN GMNA CARA NY BUAT MENU TEMPLATE; 29 Mei 2012 pukul 16.32
Deo Pradipta mengatakan...: menu template yg gimana ya (?); 31 Mei 2012 pukul 17.05
Asal Tulis Tapi Realistis mengatakan...: GILAAAAA MANTAP BNER BLOG LAU...
JEMMMMPPPOOOOLLLLLLL.....; 3 Agustus 2012 pukul 01.00
Deo Pradipta mengatakan...: eheheh.. makasih sob.. jempol juga ^^b :D; 3 Agustus 2012 pukul 21.38
Unknown mengatakan...: makasih atas info infonya sangat membantu; 25 Agustus 2012 pukul 19.36
Deo Pradipta mengatakan...: ehehe.. iyaa sob, samaasama yaa semoga bermanfaat banget ^^; 26 Agustus 2012 pukul 01.33
Unknown mengatakan...: kereen; 10 November 2012 pukul 22.32
Deo Pradipta mengatakan...: ehehe keren like a owner :D; 13 November 2012 pukul 09.29
Story My Day mengatakan...: kalo mw nambah tab baru lagi gymana caranya; 7 Desember 2012 pukul 17.39
Unknown mengatakan...: trus gan kalo cara nambahin kaya punya agan itu, yang Home, daftar isi, topik, dll itu gimana tolong dishare juga makasih; 18 Februari 2013 pukul 16.08