BLOGROLL DENGAN MENU DROPDOWN
Rabu, 17 Juli 2013
0
komentar
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 :
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>
<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
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".
Dan masih banyak lagi alternatif lainnya, cuma kayanya terlalu panjang nih, cukup sekian dulu yah, untuk contoh lainnya mudah-mudahan ada sambungannya. Selamat mencoba !
Categories:
Cara Membuat Blog Dan Mepercantik Blog
0 komentar:
Posting Komentar