Membuat menu Pull Down itu nggak terlalu susah, manfaatnya bila kita membuat link jadi ga makan tempat tapi banyakan para blogger ga suka jika blognya dilink pake menu pull down, nah usahakan menu ini buat link yg laen.

Caranya cukup gampang setelah login, klik Layout (template) -> Page Element (Elemen Halaman) -> Klik Add a Page Element (Tambahkan sebuah elemen) dimana menu tersebut akan ditempatkan. -> Pada kotak dialog “Choose a New Page Element” (Pilih elemen baru) pilih “HTML/JavaScript” klik ADD TO BLOG (TAMBAHKAN KE BLOG)-> Setelah muncul kotak dialog “Configure HTML/JavaScript” (Mengkonfigurasi HTML/JavaScript) isi di bagian contentnya dengan kode dibawah ini: (Title biarkan saja kosong)

kita bikin tiga link ajah sebagai contoh.

<select name="menu" onchange="window.open(this.options
[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option value=0 selected> Bagian Ini disi dengan judul arsip Pull Down </option>

<option value=”bagian ini diisi dengan alamat Web/URL 1″>Bagian ini diisi dengan nama 1</option>

<option value=”bagian ini diisi dengan alamat Web/URL 2″>Bagian ini diisi dengan nama 2</option>

<option value=”bagian ini diisi dengan alamat Web/URL 3″>Bagian ini diisi dengan nama 3</option>

Contoh :

<select name="menu" onchange="window.open(this.options
[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option value=0 selected>.: Bandung Link :.</option>

<option value=”http://www.bandung.go.id/”>Web Resmi Pemkot Bandung</option>

<option value=”http://gerbang.jabar.go.id”>Kabupaten Bandung</option>

<option value=”http://www.asiatravel.com/bandinfo.html”>Travel Information</option>

Setelah itu SAVE CHANGES (SIMPAN PERUBAHAN) -> Lihat blog Anda, maka hasilnya akan seperti ini:

Silahkan dicoba.

Popularity: 6% [?]

Related Posts

7 Responses to “Membuat Menu Pull Down di Blogger”

1. adi says:

   Wednesday, April 2, 2008 at 3:04 am

   yang ini paragrapnya namabrak tuh, keluar area…

   | Oke sudah, ini gara-gara paragraf justify… kalo align left juga teuteup saja karena memang kodenya panjang. Catatan saja bagi temen yg akan menggunakan kode menu pulldown diatas, pastikan kode ini (this.options[this.selectedIndex] dan kode ini, .value,'_blank')"size=1 name=menu> nyambung, jadi seperti ini, (this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

   Reply
2. adi says:

   Wednesday, April 2, 2008 at 9:51 am

   kalo perataan seperti di atas, sekalian dibenerin juga ??

   | deuh mulai ngantuk di, tapi semua dah beres… ya kecuali kalo ada yg kelewat

   Reply
3. yudhistira says:

   Saturday, April 19, 2008 at 11:53 am

   Halo!

   Sejujurnya, saya banyak belajar bgt dari tutorial anda. THANK YOU SO MUCH!
   Tapi untuk yang satu ini (menu pull down) saya tidak berhasil bikinnya. gak tau knapa.

   can you help me?

   Reply
4. hakimtea says:

   Saturday, April 19, 2008 at 12:06 pm

   tentu saja mas yudis… saya coba bantu tapi sebelumnya saya periksa dulu kode2 diatas, karena belum lama pindah dan belum diperiksa keabsahan kode2 tersebut untuk kedua kalinya.

   Reply
5. Video Bokep 3gp says:

   Friday, July 30, 2010 at 8:59 pm

   ok terima kasih atas tipsnya bos, nanti bisa saya praktekin buat referensi. Good job!

   Reply
6. poprats says:

   Thursday, August 12, 2010 at 1:48 pm

   Maaf..
   Saya mau tanya..

   Kok link yang sudah kita masukkan tidak bisa diklik??
   Apabila mengklik salah satu link yang ada di drop down menu, link tersebut tidak langsung mengarahkan pada url tujuan..
   mohon pencerahannya..

   terimakasih banyak..

   Reply
7. joyo plencin says:

   Friday, May 6, 2011 at 6:03 am

   maturnuwun…mampirya gan..kpn2 klo ada waktu….

   Reply