Instagram

Saturday, August 20, 2011

# 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="http://1.bp.blogspot.com/_UsXDND-v_tk/TQupICMKQAI/AAAAAAAAAbY/aKRxvhbLJHA/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="http://4.bp.blogspot.com/_VOeZhRyRtGU/TVLMaiDVgkI/AAAAAAAABg0/BHHzJbxcOn0/s1600/kempen14feb.jpg" border="0" height="180" width="180" /></a>
</div></center>
Done!!! selamat mencuba!
kalau ada yang tak faham...please...let me know!

❤Salah silap dalam entry ini...Ayu mohon ampun dan maaf... sesungguhnya yang baik itu datang dari Allah S.W.T dan yang buruk itu adalah kelemahan Ayu sendiri...❤

6 komen:

miraedo92 said...

thanks ayu!terharunya,nnt kite cuba yer!

miraedo92 said...

emh,klu kita nk buat mcm ayu tu cmne?letak 2,3banner?lebih dr 1

miraedo92 said...

thanks sesangat ayu..may Allah bless u =)

-✿Ayu✿- said...

@miraedo92
hehehe...tq...:p

Ash Kyouhei said...

kakak, terima kasih ye ^__^

2leep.com