Membuat Menu Drop Down

Jumat, Mei 15, 2009 by Grandis ·
Labels:

Apa sih dropdown menu itu?
Dropdown menu yang seperti ini itu lho :


Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :


Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "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>


Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://www.blog-triks.blogspot.com/2009/05/apa-itu-text-area.html"> Cara Membuat text-area </option>
<option value="http://www.blog-triks.blogspot.com/2009/05/kode-warna.html"> kode-warna </option>
</select>


maka hasilnya akan seperti ini :



untuk menambahkan menu lagi, tambahkan kode seperti ini :


<option value="Links 2">Text 2</option>


sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut


<select onChange="document.location.href=this.options[this.selectedIndex].value;">


ganti dengan kode ini :


<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">


hasilnya akan seperti ini :



Gimana? Bisa nggak?



Mungkin Artikel Ini Yang Anda Cari :



12 comments:

Anonim mengatakan...
15 Mei 2009 16.15

bagus...

harwanSY mengatakan...
1 Februari 2010 14.54

info baru, matur nuwun mas :b:

usman mengatakan...
20 Februari 2010 12.39

:d:

Azhir Killmens mengatakan...
17 Juli 2010 12.45

:d:
thx ea gan bwt infonya?

Azhir Killmens mengatakan...
17 Juli 2010 12.46

:d:
thx ea gan bwt infonya?

vicky_dewa mengatakan...
5 Juni 2011 12.27

tq banget gan!!!!

All Unique Things mengatakan...
15 Agustus 2011 13.16

This is the perfect blog for anyone who wants to know about this topic. You know so much its almost hard to argue with you (not that I really would want...HaHa). You definitely put a new spin on a subject thats been written about for years. Great stuff, just great!

Idris Muhammad mengatakan...
13 Mei 2012 17.34

INFO DAN ILMU YANG BRILIAN. GOOD JOB. SMOGA LEWAT BLOG KITA BISA SALING SHARING ILMU.

FOLLOW DI BLOG AMATIRAN SAYA : http://problempcanda.blogspot.com/

TERIMA KASIH.

Anonim mengatakan...
7 Agustus 2012 14.44

keren
jgn lupa kunjungi jg http://brandalzgolanz.blogspot.com

Karna Ella mengatakan...
9 Mei 2014 17.53

Makasih Infonya Mantap
http://rinduk4mpung.blogspot.com

habbats ramdhan mengatakan...
4 Maret 2015 10.30

Terima Kasih sudah posting artikel yang bermanfaat. Semoga Sukses dan Silahkan Klik Tautan Dibawah Ini
Toko Online HerbalKing Obat HerbalGudang Obat HerbalJual Obat HerbalJual HerbalJual Produk HerbalJual Herbal MurahHerbal BandungProduk HerbalHerbal HabbatsAozora Shop Onlinetoko onlineJual Baju AnakJual Baju BayiJual Baju DewasaJual Sepatu BayiJual Sepatu anak AnakJual Sepatu DewasaJual Perlengkapan BayiJual Perlengkapan Anak AnakJual Perlengkapan DewasaTupperwareTupperware MurahTupperware UpdateTupperware Bandung juaraJual TupperwareKatalog TupperwareJual Online TupperwareTupperware ResepTupperware katalog baruRaja Tupperware BandungCollection TupperwareMadu Anak SuperMadu Anak CerdasJual Madu Anak SuperPusat Jual Madu Anak SuperJual Madu SuperMadu Anak SuperJual Madu AnakToko Madu AnakAgen Madu Anak SuperDistributor Madu Anak Super

sinta andini mengatakan...
15 Mei 2015 09.23

Obat Penyakit KelaminDe Nature Indonesia

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Poskan Komentar


Gratis berlangganan artikel via RSS FEED
Add to Google Reader or Homepage Subscribe in Bloglines Add to Plusmo
Ingin mendapat artikel Trik-Tips Blog langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan secara gratis.



Blog-Triks Sponsor

adsense adsense
adsense adsense

BLOG-TRIKS MENU

Cara Membuat Kotak Ini

Link Barter

Cara Membuat Kotak Ini

CATEGORY

Community

Blog-Triks on Facebook
 
Add Me On Your Facebook
Free Subscribe blog-triks Article Via Email, Join Now!!!