0 Cara membuat scroll box di header / sidebar / fotter 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 -yang berwarna merah di isi dengan html java script  atau isi dari scrol atau hanya tulisan juga bisa  yang nantinya akan ada di tengah scroll .

<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://bagong-kewez.blogspot.com">Tes 1</a>

<br />

<a href="http://bagong-kewez.blogspot.com">Tes 2</a>

<br />

<a href="http://bagong-kewez.blogspot.com">Tes 3</a>

<br />

<a href="http://bagong-kewez.blogspot.com">Tes 4</a>

<br />

<a href="http://bagong-kewez.blogspot.com">Tes 5</a>

<br />
</div>

Bila dipasang akan menjadi seperti ini :

Tes 1


Tes 2


Tes 3


Tes 4


Tes 5

Keterangan :

• 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

Selamat Mencoba !!