PANDA.BIRU: Tutorial: Cara buat marquee gambar

Thursday, May 29, 2014

Tutorial: Cara buat marquee gambar

Okey, ni ya cara-caranya:

  • Buka blog & layout
  • Add a gadget 
  • HTML Javascript
  • Copy kod bawah:
<div style="background-image: url(&quot;http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png&quot;); border: 3px double #33CCFF; height: 300px; overflow: auto; width: 190px;"></a><center>
</center>

<marquee onmouseover="this.start()" onmouseout="this.start()" scrollamount="7" direction="up" align="center">

<center><img style="width: 143px; height: 204px;" src="
URL GAMBAR DI SINI" /></center>
<center><img style="width:
143px; height: 265px;" src="
URL GAMBAR DI SINI" /></center>
<center><img style="width:
144px; height: 245px;" src="
URL GAMBAR DI SINI" /></center>
<center><img style="width:
142px; height: 213px;" src="
URL GAMBAR DI SINI" /></center>
<center><img style="width:
138px; height: 234px;" src="
URL GAMBAR DI SINI" /></center>

</marquee>

<center></center><center></center></div>

  • Kalau nak tambah lagi gambar, letak kod bawah ni sebelum </marquee>
<center><img style="width: 138px; height: 234px;" src="URL GAMBAR DI SINI" /></center>

  • Warna MERAH: Nak tukar kod warna, PERGI SINI
  • Warna OREN: Ikut kesesuaian korang. Tapi, rasanya dah okey dah.
  • Warna HIJAU: Letak gambar korang kat situ.

Okey, kalau boleh jadi, baguslah. Kalau tak boleh, bagitahu ya ^^


2 comments:

Ain Jiha said...

Macam mana nak letak gambar dalam kotak Raihana :(

Ain Jiha said...

Macam mana nak letak gambar dalam kotak