Membuat Kotak Scroll Bar

Assalamu'alaikum wr,wb
Kalian bingung dengan masalah widget terlalu panjang??. Tenang sekarang ada solusinya, yaitu dengan memberikan kotak scrollbar, OK langsung aja kita ke TKP*jrenjengjreng

1. Kopi kode berikut:

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 250px;
height: 100px;
text-align: center; ">
ISI DENGAN APA YANG ANDA INGINKAN
</div>

Info:

- Angka yang diwarnai merah bisa diganti sesuai keinginan, ini berguna untuk mengganti lebar sempitnya text area/scroll box.

-Angka yang diwarnai biru bisa diganti dengan sesuai selera, ini berfungsi untuk mengganti tinggi pendeknya text area/scroll box.

- Angka yang diwarnai hijau bisa diganti sesuai kemauan, ini bertujuan untuk mengganti besar kecilnya garis pinggir text area/scroll box.

- Angka yang diwarnai pink bisa diganti sesuai keperluan, ini bermanfaat untuk mengganti tebal tipisnya garis pinggir text area/scroll box (semakin besar jumlahnya, semakin tipis garis pinggirnya. Bisa2 sampai gak kelihatan garis pinggirnya).

- Sedangkan tulisan center, bisa diganti dengan antara center, left atau right, ini berfungsi untuk membuat text ditengaj, rata kiri atau rata kanan.

2. Jadi hasilnya akan menjadi:

ISI DENGAN APA YANG ANDA INGINKAN

Text area/scroll box ini juga berguna sebagai tempat membuat daftar link. Seperti contoh:

Google
Yahoo
MSN
Facebook
Twitter
Agung AP's Blog

Caranya sederhana yang anda perlukan adalah kode text area/scroll box dan kode dasar HTML. Ok silahkan di cekidot ya kode2nya:

<div style="border: 1px solid rgb(153, 153, 153); height: 100px; overflow: auto; text-align: center; width: 250px;">

<a href="http://www.google.com">Google</a><br>
<a href="http://www.yahoo.com">Yahoo</a><br>
<a href="http://www.msn.com">MSN</a><br>
<a href="http://www.facebook.com">Facebook</a><br>
<a href="http://twitter.com">Twitter</a><br>
<a href="http://zonatambun.blogspot.com">ZonaTambun</a>

</div>

Bila anda ingin menaruhnya ditengah kotak widget. Anda bisa menambahkan kode <center> diawal, dan </center> diakhir kode diatas.
maka hasilnya akan seperti ini :

ISI DENGAN APA YANG ANDA INGINKAN

Kalau ingin menambahkan link baru, kalian copy saja kode <a href="http://zonatambun.blogspot.com">ZonaTambun</a>
lalu ganti warna merah dengan link teman / link kalian, ganti warna biru dengan judul blog.


Ok, sekian tips yang saya berikan. Semoga anda mengerti dan bisa bermanfaat.