Membuat Blogroll dengan Menu Dropdown

Untuk membuat blogroll pada 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://bloggerblogku.blogspot.com/">Blog Tutorial</option>

<option value="http://andresahan.blogspot.com/">Ruang Blogger</option>

<option value="http://andresahanblogku.blogspot.com/">Blog Khusus Kode Script</option>

</select>

</form>

Contoh Hasilnya:

- Blogroll - Blog Tutorial Ruang Blogger Blog Khusus Kode Script

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">--Teman-temanku--</option>

<option> - Blogroll - </option>

<option value="http://bloggerblogku.blogspot.com/">Blog Tutorial</option>

<option value="http://andresahan.blogspot.com/">Ruang Blogger</option>

<option value="http://andresahanblogku.blogspot.com/">Blog Khusus Kode Script</option>

</select>

</form> </div>

Hasilnya Seperti ini :

Blogroll

--Teman-temanku-- - Blogroll - Blog Tutorial Ruang Blogger Blog Khusus Kode Script

Sedikit clue, kata left yang berada pada kode

menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right".

Dan masih banyak lagi alternatif lainnya.
Selamat Mencoba

Related Posts : Dasar Blogging, Serba Serbi, Tips dan Triks