Hai teman ,  Selamat Datang  di www.bewegaleri.com |  Facebook  |  Twitter  |  Blog ini bermanfaat ? Langganan Feed

Cara Membuat Dropdown Menu di Blogspot

Written By Bambang Wibowo on Monday, December 14, 2009 | Monday, December 14, 2009

Pernahkah anda melihat menu dropdown seperti contoh berikut ?



Kode dasar untuk membuat menu tersebut adalah sebagai berikut :


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected> Teks Judul Disini </option>

<option value=" url link disini "> teks yang akan ditampilkan </option> </select></form>

Menu dropdown pada contoh di awal artikel ini selengkapnya berbentuk sebagai berikut:

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

<option>- Belajar Blog - </option>

<option value="http://www.bewegaleri.com/search/label/Tips%20Blogspot">Belajar Blogspot</option>

<option value="http://www.bewegaleri.com/search/label/Tips%20Wordress">Belajar Wordpress</option>

<option value="http://www.bewegaleri.com/search/label/belajar%20seo">Belajar SEO</option>

</select></form>

Dalam contoh di atas, aku hanya memberikan 3 pilihan. Dalam prakteknya, anda bisa menambahkan sebanyak mungkin option sesuai kebutuhan, cukup hanya dengan menambahkan baris kode <option value="link url">Teks yang ditampilkan</option>

0 comments:

Post a Comment