Halaman Memiliki Scroll

Mudah dan sederhana cara untuk meenampilkan elemen halaman yang memiliki scroll seperti pada elemen halaman Blog ini. Elemen halaman yang memiliki vertical scroll dapat menghemat tempat pada sidebar terutama jika isi tulisannya berjumlah banyak.
Caranya anda tinggal menambah kode HTML seperti dibawah ini :

<style="overflow:auto;width:300px;
height:200px;padding:10px;
border:1px solid #eee">
isi halaman
</div>

Contoh : lihat yang berwarna merah

<style="overflow:auto;width:300px;
height:200px;padding:10px;
border:1px solid #eee">
1.<a href="http://www.syahdaners.co.cc>link</a>
2.<a href="http://www.syahdaners.co.cc>link</a>
3.<a href="http://www.syahdaners.co.cc>link</a>
4.<a href="http://www.syahdaners.co.cc>link</a>
5.<a href="http://www.syahdaners.co.cc>link</a>
6.<a href="http://www.syahdaners.co.cc/>link</a>
7.<a href="http://www.syahdaners.co.cc>link</a>
8.<a href="http://www.syahdaners.co.cc>link</a>
9.<a href="http://www.syahdaners.co.cc>link</a>
10.<a href="http://www.syahdaners.co.cc>link</a>
</div>
</div>

Contoh diatas jadinya akan seperti ini :

1.link
3.link
5.link
7.link
9.link

Jika anda ingin mengubah beberapa karakter tinggal mengubah pada bagian ini

<style="overflow:auto;width:300px;
height:200px;padding:10px;
border:1px solid #eee">
isi halaman
</div>

1. width ganti angkanya dengan lebar yang anda inginkan.
2. Height ganti angkanya dengan tinggi yang anda inginkan.
3. Padding ganti angkanya dengan jarak antara batas tepi dengan awal tulisan.
4. Border garis pinggir
5. Solid #eee merupakan kode dari warna biru, anda bisa ganti dengan kata white, black atau apa saja. Lihat disini untuk kode warna
Agar isi halaman yang satu dengan yang lainnya tidak berhimpitan beri kode </br> diantara isi halaman.

Selamat mencoba...!

Related post by Category