Cara Membuat Dropdown Menu di Blogspot

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>
Share this article :
 

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger