Sunday, September 12, 2010

Cara buat Dropdown Menu

Ada berbagai cara yang dilakukan bagi menjimatkan ruangan pada blog.Seperti entri saya sebelum ini ada memuatkan tentang cara membuat tab view menu.Salah satu cara lagi adalah dengan membuat menu secara dropdown. Cara membuat nya amat mudah,berikut adalah cara membuatnya.
dropdown list menu









1. Masuk  ke blogger dan pilih design
2. Pada Page Element--pilih Add a Gadget--HTML/JavaScript

3.seterusnya masukkan kod berikut:


<form name="ddmenu">
<select name="menu"
onChange="document.location.href=this.options[this.selectedIndex].value;">

<option value="0" selected>Tutorial Blog</option>
<option value="http://alamat_link artikel 1 anda">Tajuk Artikel1</option>
<option value="http://alamat_link artikel 2 anda">Tajuk Artikel 2</option>

</select>
</form>
<br>

Tulisan berwarna oren adalah bahagian yang boleh ditambah bagi link artikel yang hendak dimasukkan pada senarai dropdown menu.
Tulisan berwarna hijau adalah teks yang akan dipaparkan bila menu tidak di klik

Selamat mencuba

No comments:

Post a Comment

Gambar Belangkas