# Tutorial : Scroll box gambar

request dari MIRAEDO untuk buat scroll box yang ni...

• macam biasa... DASHBOARD---> DESIGN---> PAGE ELEMENTS---> ADD A GADGET---> HTML/JAVASCRIPT
• dalam kotak HTML kod tu copy dan pastekan code di bawah ni...

<center><div style="BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 15px; OVERFLOW-X: auto; OVERFLOW-Y: auto; PADDING-LEFT: 15px; WIDTH: 200px; PADDING-RIGHT: 15px; HEIGHT: 200px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 15px">   
<a href="LINK ENTRY" target="_blank"><img src="LINK GAMBAR" border="0" height="180" width="180" /></a>
</div></center>

• yang ayu highlightkan kuning tu adalah saiz untuk scroll box tu...
• highlight hijau adalah untuk link entry dan link untuk gambar...
• highlight biru untuk saiz gambar tu...

 ini adalah code untuk keseluruhan sekeping gambar...

<a href="LINK ENTRY" target="_blank"><img src="LINK GAMBAR" border="0" height="180" width="180" /></a>

jadi kalau nak letak banyak-banyak gambar dalam scroll box ni cuma perlu copy dan paste code ni sebelum penutup code scroll box iaitu code ini...

</div></center>

 ini adalah contoh dalam blog ayu ni...

<center><div style="BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 15px; OVERFLOW-X: auto; OVERFLOW-Y: auto; PADDING-LEFT: 15px; WIDTH: 200px; PADDING-RIGHT: 15px; HEIGHT: 200px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 15px">  
<a href="http://iniwootlah.blogspot.com/2010/12/kempen-gunakan-gambar-menutup-aurat.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiERnoBwncLcgo7NhapW3xt35zAoeLwvDVyWupkqnFZEwUd1ZNnRRLljIZaO_BzyoGG4GeflfYekt5-4Bz51a7axvb9b6sQ3r_8zHBKpPTrR1P2I_4DAUrlCdZFZvn_D6Is8Bv1u3GrOFea/s1600/kempen.jpg" border="0" height="180" width="180" /></a>
<a href="http://ryushychomya88.blogspot.com/2011/02/kempen-no-valentine-day.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOT0WEdxQBIX_OGVtypGWmiTgvX_wZfh6YqlsRtPoJ60I7WVROG8v2M00as_4sMyP7-4UQCKHVnp63fltMN3eptNFfp2NrGN0Drx0nvRRota4dW7RSIX7AIRP6sBwKfuFc3c47822YacHC/s1600/kempen14feb.jpg" border="0" height="180" width="180" /></a>
</div></center>

Done!!! selamat mencuba!

kalau ada yang tak faham...please...let me know!