Tutorial Overflow / Scroll Dalam Post

Dah ramai yang bertanyakan bagaimana hendak membuat overflow / scroll di dalam posting, so kali ini aku cuba terangkan. Fungsi Overflow / Scroll adalah untuk meletakkan isi posting ataupun coding termasuk gambar dan sebagainya dalam satu kotak agar dapat menjimatkan ruang dan mudah untuk disalin semula (copy), lebih kurang macam tutorial Textarea laaa gitu...

Untuk membuat overflow/scroll di dalam posting anda hanya perlu copy dan paste code dibawah ini dan isikan artikel, gambar, code atau apa sahaja didalamnya. kemudian di akhir pengisian perlu ditamatkan dengan </div> dan anda boleh menyambung semula isi posting artikel yang normal sebelum atau selepas code tersebut, berikut adalah contoh;

Text
<div style="border: 1px solid ; background: transparent none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 450px; height: 100px;">
Text
Text
Text
Text
Text
Text
Text
</div>
Text

Contoh dalam posting :Hasilnya :

Text

Text
Text
Text
Text
Text
Text
Text

Text


Selamat mencuba!


Tambahan :
Code berwarna merah yang tebal di atas boleh di ubah mengikut kesesuaian,
border: 1px <-- ketebalan kotak
width: 450px <-- lebar kotak
height: 100px <-- tinggi kotak