Tutorial : Bagaimana Membuat Scroll Text Box @ Kotak Teks Boleh Skrol

Salam.. Lanun share pada anda semua bagaimana skrip membuat text box @ kotak teks dengan fungsi skrol / scroll. Dengan kotak ini korang boleh meletakkan teks yang panjang lebar tanpa perlu mengambil ruang yang banyak. Contohnya di bawah ini :

Dari kod html kotak ini kita boleh ubah suai : Height & Width (Panjang & Lebar ) dan Warna kotak teks. Memang mudah dan banyak kegunaannya. Korang boleh copy html script itu dibawah.

Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..

Copy n Paste skrip html ini di ruang "edit html" dan gantikan perkataan berwarna merah dengan tulisan yang ingin anda masukkan kedalam kotak teks. Pastikan ayat yang hendak di kotakkan di akhiri dengan 

"</div>"

<div style="background-color: #e8e8e8; border: 1px dashed; color: black; height: 260px; overflow: scroll; padding: 15px; width: 570 px;"> XXX TEKS ANDA DISINI YER XXX TQ </div>