cara membuat scroll box

cara nak buat scroll box dalam post dan juga pada side bar...
boleh guna teknik yang sama.
contoh macam kat bawah ni
1.

SAYA SAYANG KAMU SEMUA

ADAKAH KAMU SAYANG SAYA JUGA?

SAYA BUKAN CARI POPULARITI DISINI

SAYA SEKADAR BERKONGSI RASA DAN CERITA

atau nak letak gambar?
pon boleh no hal lah
2.

cam kekwat je aku ni haha...
takder la...
ni cuma tutorial simple yang aku buat untuk peringatan aku juga...
sebab aku sekarang dah makin tua dan sikit-sikit nyanyuk hehe
oklah camana nak buat ? jom belajar dengan pnr0s .....


copy and paste jer kod kat bawah ni ja

<center><div style="background-color: black; border: 3px solid rgb(204, 204, 204); height: 400px; overflow: auto; padding: 5px; width: 450px;">

 AYAT ANDA DI SINI 

</div>

</center>

note: 

background-color: black; --> yang ni boleh tukar ke warna background yang korang nak
height: 400px; --> ni untuk ketinggian kotak scroll korang
width: 450px  --> ni pulak untuk kelebaran kotak

so pandai-pandai lah korang adjust ok  

note:

untuk gambar kena upload tau gunala image shark ke photobucket ke...

untuk masukkan ke dalam scroll box tu just tambah kod ni jer

<img src="kod url"/>  

contoh

<img src="http://i968.photobucket.com/albums/ae168/amiaija/170520101568.jpg"/>

kalau nak buat kat post/ entry
pilih HTML ya bukan compose.....
kalau compose nanti kat post akan keluar balik kod tu huhu....

kalau nak letak kat sidebar/ widget
pilih add gadget kemudian pilih javascript/HTML
kemudian cara yang sama copy paste je kod di atas tu.....

p/s: selamat mencuba.. try and error. tak salah tak belajar kan?