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

<br />

<a href="http://satudpajak2011.blogspot.com">Tes 2</a>

<br />

<a href="http://satudpajak2011.blogspot.com">Tes 3</a>

<br />

<a href="http://satudpajak2011.blogspot.com">Tes 4</a>

<br />

<a href="http://satudpajak2011.blogspot.com">Tes 5</a>

<br />
</div>

Bila dipasang akan menjadi seperti ini:

Tes 1
Tes 2
Tes 3
Tes 4
Tes 5
Tes 6
Tes 7
Tes 8
Tes 9
Tes 10
Tes 11
Tes 12
Tes 13
Tes 14

Ket:

• Ganti tulisan yang berwarna orange 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!!!

Posted in: Belajar Blog