membuat fungsi scroll pada kolom blogspot

dengan memanfaatkan fungsi scroll pada blogspot kita dapat membuat blog kita menjadi lebih rapi… terkadang repot juga blog kita jadi kacau, dengan begitu banyak nya content..^^..

ikuti langkah berikut…

code:

<div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 300px; height: 80px;">
Isi text apa aja di sini
</div>

contoh:




Isi text apa aja di sini



overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.

padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;

border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
note: kode #eee di gunakan untuk memberi warna pada border.


Kamu bisa isikan text link.
Text biasa.. atau apa saja… tergantung kreatifitas dan slera…
Note: kamu bisa meletakkan di html layout & layout -> edit template di tempat gadget kamu berada
lubang  bisnis

0 comments:

Post a Comment

Twitter Delicious Facebook Digg Favorites More