04 March 2010
DropdownMenu Untuk URL
hak milik
Sue
Assalamualaikum , Msue ingin berkongsi ngan korang bagaimana hendak membuat DropDown Menu Untuk URL untuk menjimatkan ruang pada sidebar blog korang .
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - HTML/Javascript .
3. Copy kod di bawah .
<!--script from http://www.antoxite.co.cc-->
<form name="dropdown">
<div align="center">
<select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<!--MASUKKAN NAMA MENU DROPDOWN ANDA-->
<option selected>Nama Menu</option>
<!--MASUKKAN ALAMAT YANG AKAN DITUJU!-->
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 1</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 2</option>
<option value="http://www..blogspot.msueroomzcom">NAMA WEB 3</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 4</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 5</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 6</option>
</select>
</div>
</ form>
4. Pastekan ke dalamnya .
5. Save dan Preview .
Note 1 : Highlight merah - url yang korang nak letak , biru - nama url yang korang letak tu , hijau - Nama untuk dropdown menu itu .
Note 2 : Jika korang hendak menambah lagi url ke dalam dropdown tersebut , korang just tambahkan <option value="http://www.msueroomz.blogspot.com">NAMA WEB</option>
CONTOH
<!--script from http://www.antoxite.co.cc-->
<form name="dropdown">
<div align="center">
<select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<!--MASUKKAN NAMA MENU DROPDOWN ANDA-->
<option selected>Nama Menu</option>
<!--MASUKKAN ALAMAT YANG AKAN DITUJU!-->
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 1</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 2</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 3</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 4</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 5</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 6</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB</option>
</select>
</div>
</ form>
Note: highlight merah adalah url yang di tambah .
Selamat mencuba .
Via - Antoxite
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - HTML/Javascript .
3. Copy kod di bawah .
<!--script from http://www.antoxite.co.cc-->
<form name="dropdown">
<div align="center">
<select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<!--MASUKKAN NAMA MENU DROPDOWN ANDA-->
<option selected>Nama Menu</option>
<!--MASUKKAN ALAMAT YANG AKAN DITUJU!-->
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 1</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 2</option>
<option value="http://www..blogspot.msueroomzcom">NAMA WEB 3</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 4</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 5</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 6</option>
</select>
</div>
</ form>
4. Pastekan ke dalamnya .
5. Save dan Preview .
Note 1 : Highlight merah - url yang korang nak letak , biru - nama url yang korang letak tu , hijau - Nama untuk dropdown menu itu .
Note 2 : Jika korang hendak menambah lagi url ke dalam dropdown tersebut , korang just tambahkan <option value="http://www.msueroomz.blogspot.com">NAMA WEB</option>
CONTOH
<!--script from http://www.antoxite.co.cc-->
<form name="dropdown">
<div align="center">
<select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<!--MASUKKAN NAMA MENU DROPDOWN ANDA-->
<option selected>Nama Menu</option>
<!--MASUKKAN ALAMAT YANG AKAN DITUJU!-->
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 1</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 2</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 3</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 4</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 5</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB 6</option>
<option value="http://www.msueroomz.blogspot.com">NAMA WEB</option>
</select>
</div>
</ form>
Note: highlight merah adalah url yang di tambah .
Selamat mencuba .
Via - Antoxite
