Cara membuat kotak Scroll/gulir!

Biasanyanya kotak/box scroll/gulir seperti ini digunakan untuk poto, halaman dll. Tapi kalau untuk memsukkan kode script tidak bisa!

Langsung aja deh biar kagak merasa ribet. Copy code dibawah ini kedalam postingan sobat atau kemana saja yang sobat inginkan:

<div style="border:1px solid red;width:300px;height:300px;overflow:auto">Url poto disini!</div>

Keterangan: Url poto disini! yang saya beriwarna biru ganti dengan url poto atau apa saja dech terserah.
Yang berwarna putih ini ukuran dan warna border/pinggirannya.
Kalau yang saya kasih warna hijau ini ukuran lebar dan tingginya silahkan ganti sesuai kebutuhan sobat
Sobat atur sendiri aja ya...!!!


Ini saya kasih contoh scroll dengan isi poto atau url poto:

<div style="border:1px solid red;width:300px;height:200px;overflow:auto">
<a href="http://demenkerokan.blogspot.com/">
<img src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-prn1/148265_114529825282617_4108129_n.jpg" width="300" height="200" />
<br>
<a href="http://demenkerokan.blogspot.com/">
<img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-frc1/522359_279779545437865_378943603_n.jpg" width="300" height="200" />
<br>
<a href="http://demenkerokan.blogspot.com/">
<img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash4/251581_149630281786126_771037_n.jpg" width="300" height="200" />
</div>

Dan lihat hasilnya dibawah, gampang kan?

Semuga bermanfaat bagi yang membutuhkannya...!