Kali ini saya akan membagi cara untuk membuat kotak scroll pada blog,kotak scroll ini berguna untung menghemat tempat pada blog,kotak scroll bisa diisi dengan gambar, widget, profil, iklan banner,dll.
Kode yang digunakan untuk membuat sebuah kotak dengan fungsi scroll adalah :
<div style="overflow:auto; width:200px; height:400px; padding:10px; border:1px solid #000000;">GIL'S BLOG</div>
Sebelum menambahkan sedikit gaya pada kotaknya, saya akan jelaskan kode untuk membuat kotak scrollnya terlebih dahulu.
width:200px adalah lebar kotak yang diukur dalam pixel. (100px/100pixel)
height:400px adalah tinggi kotak yang diukur dalam pixel. (400px/400pixel)
padding:10px; adalah jarak isi kotak dengan garis pinggir kotak.
border:1px solid #000000 adalah kode untuk ketebalan garis pinggir kotak ( border ) dengan garis biasa ( solid ) yang berwarna hitam ( #000000 ).
Kata GIL'S BLOG adalah isi kotak yang berupa tulisan yang bisa juga di ganti dengan kode widget jika kotaknya di isi dengan widget.
