May 08, 2011

cara membuat blog bagian empat - cara membuat scrollbar

Ketemu lagi, untuk tutorial kali ini membahas bagaiman caranya membuat scrollbar pada blog atau pada wiget blog sobat, seperti di pada link dan banner sobat Rizky.

yang sobat perlukan untuk membuat scrollbar pada blog sobat adalah code berikut ini :

<div style="border: 1px solid rgb(238, 238, 238); height: 200px; overflow: auto; padding: 10px; width: 250px;">
Karena tidak ada teks
maka hanya kotak
saya yang keluar tapi
jika diperhatikan dengan
baik semakin banyak
kita mengisi kotak tersebut
semaik terlihat akan ada
scroll bar disamping kanan
kotak ini
</div>
hasil dari code html tersebut adalah scrollbar seperti dibawah ini

Karena tidak ada teks
maka hanya kotak
saya yang keluar tapi
jika diperhatikan dengan
baik semakin banyak
kita mengisi kotak tersebut
semaik terlihat akan ada
scroll bar disamping kanan
kotak ini

untuk code yang dikasih warna merah untuk merubah lebar dan tinggi kotak, dan yang berwarna biru untuk isi dalam kotaknya bisa berupa teks, foto, ataupun code html dan lainnya, sobat bisa bereksperimen sendiri aja. ampe ketemua di posting lain

0 komentar:

Post a Comment

Sobat Blogger tinggalkan komentarnya yah tentang POSTINGNYA ini, atau mungkin pengen kasih masukan silahkan tinggalkan aja dikolom komentar ini, terus,,,,,, lain kali mampir lagi yah, ditunggu loh.....!!!
DILARANG MENYIMPAH LINK SOBAT PADA KOLOM KOMENTAR POSTING, KALO MAU....TUKERAN LINK ATAU BANNER OK...!!!

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites