Tutorial | Gambar bergerak (marquee)

Tutorial telah direquest oleh :

Apa yang reerynn maksudkan tu? maksud nya adalah.. macam kat bawah ni..
aku buat sendiri sebab tak suka yang orang ajar kan. now, aku ajar korang pulak k 

Steps:

 1. Sign in blogger > Design > Add Gadget > Html/JavaScript

2. Copy code di bawah dan paste ke dalam Html/Java Script

<center><marquee behavior="alternate" direction="left" width="100%">(URL IMAGE KORANG)(URL IMAGE KORANG)(URL IMAGE KORANG)(URL IMAGE KORANG)(URL IMAGE KORANG)(URL IMAGE KORANG)(URL IMAGE KORANG)</marquee></center>

Tips:

• Yang warna merah boleh tukar sama ada "left/right"
• Yang warna Biru boleh tukar dengan Url image korang.(ikut step bawah ni)
• Susunan gambar, korang kene make sure sama. maksud aku, kalau gambar menegak, semua tegak, kalau melintang, make sure semua melintang. 

untuk gambar, ikut step bawah ni..

5. Upload gambar korang kat sini http://imgur.com/ then ambil link html image macam kat gambar bawah ni

5. nanti jadi camni

<a href="http://imgur.com/vqNYx"><img src="http://i.imgur.com/vqNYx.jpg?1" alt="" title="Hosted by imgur.com" /></a>

6. Then, korang just ambil yang warna merah tu letak kat (URL IMAGE KORANG)

Contoh :

<center><marquee behavior="alternate" direction="left" width="100%"><img src="http://i.imgur.com/zjzTs.jpg?1" alt="" title="Hosted by imgur.com" /><img src="http://i.imgur.com/mGbEl.jpg" alt=" title="hosted by imgur.com" /><img src="http://i.imgur.com/otWsw.jpg" alt=" title="hosted by imgur.com"/><img src="http://i.imgur.com/gfssZ.jpg" alt=" title="hosted by imgur.com" /><img src="http://i.imgur.com/1wFbq.jpg" alt="" title="Hosted by imgur.com" /><img src="http://i.imgur.com/EctE7.jpg" alt="" title="Hosted by imgur.com" /><img src="http://i.imgur.com/khDMJ.jpg" alt="" title="Hosted by imgur.com" /></marquee></center>

Antara image tu, korang boleh selang or x.. aku tak selang . :D

7. Preview then save.

kalau jadi, komen kat aku, aku nak tengok dengan puas hatinya.. hehehe