rss

Sabtu, 10 April 2010

Cara Membuat Dropdown Menu

Hei blogger, How are you ?
Mau buat dropdown  menu?
Dropdown menu itu contohnya seperti ini :



Keunggulan dari dropdown menu adalah ruang yang dibutuhkan untuk menempatkan elemen tersebut itu tidak terlalu besar dan juga dapat menampung isi yang sangat banyak,  blogger yang menggunakan dropdown menu.
Ikuti langkah-langkah berikut ini:
1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Elemen Halaman
3. Klik Add Gadget/Tambah Gadget ---> HTML/Javascript
4. Copy script berikut ini ke dalam kotak yang muncul !

<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 hijau adalah link, ganti text tersebut dengan link milikmu.
Text yang berwarna merah adalah tulisan yang akan ditampilkan di dropdown menu. Itu bisa diganti sesuai dengan keinginan kamu.

Contohnya :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value=" http://kiwolblog.blogspot.com/2009/06/auto-hide-navbar-blog.html"> Auto Hide Navbar Blog </option>
<option value=" http://kiwolblog.blogspot.com/2009/06/cara-menghilangkan-navbar-blog.html">Cara Menghilangkan Navbar Blog </option>
</select>

5. Untuk menambahkan menu lagi, tambahkan script berikut ini sebelum kode 

Links 3"> Text 3

6. Kemudian klik simpan !

2 komentar:

Anonim mengatakan...

:k4

Anonim mengatakan...

:k5


Posting Komentar