Buat gambar bergerak (scrolling image)

Selamat pagi semua . Saya mengaku saya tak boleh tidur (tiba-tiba) dan sekarang saya nak buat satu tuto yang di request daripada adik Fatehah Suraya nie ^^v

Oh , mula-mula Afiq tak paham , lepas dia kata blog kak zatie tu baru lah paham . Scrolling Image rupanya :)

Okay start :

1)Dashboard > Design > Add a Gadget > Html/Jacascript

2)Copy and Paste kod di bawah di ruangan tadi

  <div style="background-image: url(http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png);
border-color: #FFCCCC; border-style: double; border-width: 4px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
height: 300px; overflow: auto; width: 220px;">

<center><img style="width: 153px; height: 204px;" src="URL GAMBAR KORANG" />
</center>

**Warna Biru : URL Background yang korang suka. Boleh dapatkan di Google or Photobucket or Glitter-Graphics

Kalau tak nak tukar pun tak pe :)

**Warna Merah : URL korang boleh Upload di http://imgur.com/ 

Ambik yang "Direct Link" .. ok ? Kalau nak amik gambar dari facebook ikut step bawah nie .

1)Buka dekat gambar yang mana korang suka

 tekan right click --> copy image location --> paste di warna merah tu .


Nak letak banyak gambar ? Copy paste aje code 

<center><img style="width: 153px; height: 204px;" src="URL GAMBAR KORANG" />
</center>

Then , paste aje sebanyak mana yang korang suka di bawah code yang sama macam nie 

<center><img style="width: 153px; height: 204px;" src="URL GAMBAR KORANG" />
</center>

<center><img style="width: 153px; height: 204px;" src="URL GAMBAR KORANG" />
</center> 

Okay , senang kan ? Credit to Sys Lyssa sebab Afiq buat tuto nie berpandukan tuto Sys Lyssa . Tambah sikit-sikit aje .

** Untuk pengguna Mozilla Firefox sahaja :)