Subscribe Twitter
Pasang Iklan Di Bayar

Minggu, 17 Juni 2012

Cara membuat scroll box pada blog

Scroll box adalah kotak yang berisi tulisan atau gambar atau lainnya yang menggunkan fungsi scroll. Selain gambar dan tulisan, sobat dapat mengisi scroll box tersebut dengan kode script / html. Memasang scroll box sangat bermanfaat sekali untuk kalian yang ingin membuat Linklist / blogroll agar panjang blogroll tersebut tidak membuat loading blog kita lambat. Untuk membuatnya, cukuplah mudah. Sobat hanya tinggal memasang kode Html di bawah ini:
<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">

Isi Scroll Box

</div>
Contoh scroll box:
<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">

<a href="http://bantosan.blogspot.com/">Tes 1</a>
<br />
<a href="http://bantosan.blogspot.com/">Tes 2</a>
<br />
<a href="http://bantosan.blogspot.com/">Tes 3</a>
<br />
<a href="http://http://bantosan.blogspot.com/">Tes 4</a>
<br />
<a href="http://http://bantosan.blogspot.com/">Tes 5</a>
<br />
</div>
Bila dipasang akan menjadi seperti ini:



  • Ganti tulisan yang berwarna merah dengan isi scroll box yang sobat inginkan
  • Kode yang berwarna biru adalah tinggi (height) dan lebar (width) scroll box, dapat sobat ganti sesuai keinginan
  • Untuk mengganti batas (box / kotak) dapat sobat lakukan dengan mengganti tulisan yang berwarna hijau. untuk mengecek kode warna silahkan masuk Disini
Selamat Mencoba!!!

0 komentar:

Posting Komentar

terima kasih, DataNg keMbaLi ya!!

FaceBook