We have new forums at NiteshKothari.com
TopBottom

Membuat Menu Dropdown atau Scrollbox pada Blog

Posted by madridista at Selasa, 02 Februari 2010
Share this post:
Ma.gnolia DiggIt! Del.icio.us Yahoo Furl Technorati Reddit

Pada artikel kali ini adalah cara membuat scrollbox atau juga disebut dengan Menu Dropdown. selain berguna mempercantik blog kita, scrollbox atau menu dropdown juga berguna memaksimalkan halaman pada blog.

cara mudah aja, copas aja kode html / script ke dalam gadget HTML/java script, letakkan di mana yg anda suka.


<div style="overflow:auto; height:250px; width:220px">
<ul>
<li><a href="http://alamat url link 1/" target="_blank">Link 1</a></li>
<li><a href="http://alamat url link 2/" target="_blank">Link 2</a></li>
<li><a href="http://alamat url link 3/" target="_blank">Link 3</a></li>
<li><a href="http://alamat url link 4/" target="_blank">Link 4</a></li>
<li><a href="http://alamat url link 5/" target="_blank">Link 5</a></li>
<li><a href="http://alamat url link 6/" target="_blank">Link 6</a></li>
<li><a href="http://alamat url link 7/" target="_blank">Link 7</a></li>
<li><a href="http://alamat url link 8/" target="_blank">Link 8</a></li>
<li><a href="http://alamat url link 9/" target="_blank">Link 9</a></li>
<li><a href="http://alamat url link 10/" target="_blank">Link 10</a></li>
<li><a href="http://alamat url link 11/" target="_blank">Link 11</a></li>
<li><a href="http://alamat url link 12/" target="_blank">Link 12</a></li>
<li><a href="http://alamat url link 13/" target="_blank">Link 13</a></li>
<li><a href="http://alamat url link 14/" target="_blank">Link 14</a></li>
<li><a href="http://alamat url link 15/" target="_blank">Link 15</a></li>
</ul>
</div>

Keterangan untuk script di atas Height itu menunjukkan tinggi dari scrollbox yang kita buat, dan width adalah lebarnya (untuk lebar samakan dengan lebar dari sidebar yang kita pilih).

Link 1, Link 2, Link 3 dan seterusnya adalah nama dari Link dan alamat url link 1, 2, 3, dan seterusnya adalah url tujuan.

0 komentar:

Poskan Komentar