Pages

Senin, 07 April 2014

Cara Membuat Dropdown Menu atau Pulldown Menu di Postingan Blog

Cara Membuat Dropdown Menu atau Pulldown Menu di Postingan Blog

Untuk menghemat tempat di blog, selain menggunakan scroll dan spoiler ada cara lainnya loh. Apa itu? Yakni dengan membuat menu dropdown. Dengan cuma butuh tempat sebaris saja menu ini bisa kita pajang di blog sobat. Dan menurut saya sendiri menu ini termasuk paling ringkas daripada dua fitur lainnya yakni scroll dan spoiler. Bagi yang sudah tidak sabar pengen nyoba praktekin bikin menu dropdownnya langsung saja ya.

Caranya cukup mudah yakni
1. Sobat login dulu ke akun bloggernya
2. Masuk ke menu tab Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Tinggal copypastekan saja kode-kode berikut

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Teman-Teman</option>
<option value="http://oplosanblog.blogspot.com"> Oplosan </option>
<option value="http://www.maniakdonlot.com"> Maniakdonlot </option>
<option value="http://boeztanoel21.blogspot.com"> Seputar Jogja </option>
.... dst ....
</select>

4. Yang di blok warna merah silahkan ganti sesuai keinginan sobat.
5. Terakhir tinggal Simpan.
Untuk hasilnya yang di atas tadi akan seperti ini :

2 komentar:

  1. Wah ternyata bisa menjadi alternatif bagi para blogger dalam mendesain postingan.

    BalasHapus

Berkomentarlah di blog ini dengan cerdas dan sopan :
* Dilarang mencantumkan link aktif, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: :D
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentar sobat dihapus karena tidak mematuhi aturan!!