Buat box blogroll  

Friday, July 24, 2009

Membuat fungsi scroll tidak memerlukan kod yang rumit,hanya sebaris kod saja seperti ditunjukkan dibawah:-

<div style="overflow:auto;width:450px;height:300px;padding:10px;border:1px solid #eee">

#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>


Didalam kod tersebut, yang memainkan peranan adalah kata arahannya.Berikut adalah kata arahan/perintah yang perlu diketahui.....
overflow:auto; » kod scrolling atau penggulung halaman apabila isi halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar yang di inginkan, dalam hal ini adalah selebar 300 pixel, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan.
padding:10px; » adalah kod pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menyentuh dinding halaman, nilai ini tentu saja boleh di ubah mengikut kemahuan misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak mahu kelihatan kotaknya, maka hapuskan saja.
link: alamat url yang hendak diisikan,contoh seperti dibawah

<a href="http://mist3ri.blogspot.com/search/label/software">software</a>

<a href="http://mist3ri.blogspot.com/search/label/Tutorial%20Blog">tutorial
blog</a>

<a href="http://mist3ri.blogspot.com/search/label/Movie">movie</a>

<a href="http://mist3ri.blogspot.com/search/label/mp3">mp3</a>

<a href="http://mist3ri.blogspot.com/search/label/games">Games</a>

<a href="http://mist3ri.blogspot.com">Home</a>

hasilnya, akan kelihatan seperti dibawah....

Related Post



TAG
Email this post


0 comments: to “ Buat box blogroll

Popular Posts

Copyright © 2009AyEh Powered by Mist3ri Interactive Inc.