Label Cloud

Search This Blog

04 March 2010

online counter DropdownMenu Untuk URL

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&gt;

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



Tinggalkan Komen Anda Disini