BLOGROLL DENGAN MENU DROPDOWN

Untuk membuat blogroll dengan menu dropdown,

silahkan lihat contoh di bawah :

<form>

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

<option> - Blogroll - </option>

<option value="http://blogger-copast.blogspot.com/p/about.html">About</option>

<option value="http://blogger-copast.blogspot.com/p/link.html">Link</option>

<option value="http://blogger-copast.blogspot.com/p/archive_10.html">Archive</option>

<option value="http://blogger-copast.blogspot.com/p/team.html">Site Map</option>

</select>

</form>

Hasilnya akan seperti ini, silahkan klik pada menu dropdownnya :

Top of Form

                    - Blogroll - About Link Archive Site Map Tutorial Blog

Bottom of Form

Contoh variasi lainnya : 

<h3> Blogroll </h3> 

<div align="left"> 

<select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"> 

<option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Blogroll--</option> 

<option value="http://blogger-copast.blogspot.com/p/about.html" target="_blank">About</option> 
<option value="http://blogger-copast.blogspot.com/p/link.html"target="_blank">Link</option> 
<option value="http://blogger-copast.blogspot.com/p/archive_10.html"target="_blank">Archive</option> 
<option value="http://blogger-copast.blogspot.com/p/team.html"target="_blank">Site Map</option> 
</select> 

</form> </div>

Hasilnya akan seperti ini dibawah ini : 


Blogroll

      --Blogroll-- About Link Archive Site Map

Sedikit clue, kata left yang berada pada kode <div align="left"> menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right".