cara memasang scroll box cara memasang scroll box

Seperti halnya penggunaan textarea, scroll box juga berfungsi untuk lebih memudahkan blogger dan terutama pembaca blog saat menikmati posting dalam box dengan ukuran terbatas yang dimaksudkan untuk efisiensi atau penataan ruang blog.
Penggunaan scroll box sedikit mempunyai nilai lebih karena dokumen yang dipostingkan di dalamnya dengan mudah dapat dilakukan beberapa perubahan seperti halnya jenis, warna dan ukuran font yang pada akhirnya akan lebih memudahkan bagi pembaca blog untuk memahami dokumen yang terposting.
Selain dari hal tersebut, dalam scroll box dapat juga disertakan posting yang berupa image atau gambar.
Scroll box dapat dibuat dalam bentuk yang paling sederhana hingga bentuk yang cukup kompleks dengan memadukan KODE HTML dan image hingga tercipta sebuah scroll box yang indah, dinamis dan atraktif.
Dibawah ini salah satu contoh bentuk scroll box sederhana yang dapat dikembangkan menjadi bentuk yang lebih kompleks dengan menambahkan beberapa fungsi lain baik dengan menggunakan KODE CSS ataupun gambar.

> Contoh Scroll Box dg Kode CSS :

Seperti halnya penggunaan textarea, scroll box juga berfungsi untuk lebih memudahkan blogger dan terutama pembaca blog saat menikmati posting dalam sebuah box dengan ukuran terbatas.
Penggunaan scroll box sedikit mempunyai nilai lebih karena dokumen yang dipostingkan di dalamnya dengan mudah dapat dilakukan beberapa perubahan seperti halnya jenis, warna dan ukuran font yang pada akhirnya akan lebih memudahkan bagi pembaca blog untuk memahami dokumen yang terposting.

> Gunakan KODE berikut saat tidur melakukan posting :

xHTML Scroll Box Posting :

<div style="max-height:300px;width:auto; background: #555; border:2px solid #0000FF;color:#eee;padding: 20px 10px; overflow:scroll;overflow:auto;">
Letakkan Teks/Image/KODE HTML atau materi posting yang lain di sini
</div>

Catatan/Keterangan :

1. Dengan penggunaan max-height:300px; maka tinggi box maksimal menjadi sebesar 300px. Jika isi box lebih dari ketinggian tersebut maka secara otomatis sebuah scroller box akan ditampilkan.
2. Penggunaan background image berfungsi menambah keindahan box. Ganti jika diperlukan!




Demikian tutorial cara memasang scroll box di postingan...
semoga bermanfaat :p

sumber : gubhugreyot.blogspot