Tutorial : Buat Gambar Bergerak (Marquee)

WRITTEN BY : Arep Skema TIME : 7:58 PM TOTAL COMMENTS : 2

Korang tak tau nak buat gambar bergerak? Aku Pun tadi tak tau nak buat macam mana, So tadi aku tanya kawan aku Shyd. So dia ajar lah macam mana nak buat. Dia siap buatkan tutorial macam mane nak buat benda alah nie untuk aku lagi. Baek kan die, tak macam kaw kann..So macam mana rupa bentuk gambar bergerak nie?? Cengini lah dik.. (Lebih Bagus Kalau Tengok Kat Google Chrome)








Tapi tutorial daripada Shyd agak simpe siket. Jadi untuk tutorial daripada aku nie, aku ubah sikit fungsi-fungsinya. 

Fungsi yang aku tukar sendiri:
-Gambar yang ada Link.
-Apabila korang klik gambar tu, automatik link tu akan terbuka kat Tab baru
-Saiz lebar dan tinggi gambar boleh diubah.
-Gambar tu bergerak jer atau berhenti bila mouse hover kat gambar korang tu.
-Tukar arah,, nak gerak atas, bawah, kiri atau kanan.

Okey, nie cara-caranya:

1.  Pergi Design ==> Page Element ==> Add A Gadget ==> Pilih HTML/Javascript.
2.  Copy / Salin kod dekat bawah nie:


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" direction="up" align="center">
<a href="LINK GAMBAR" target='_blank'>
<img src="URL GAMBAR.PNG" width=209 height=150" />
</a>

<a href="LINK GAMBAR" target='_blank'>
<img src="URL GAMBAR.PNG" width=209 height=150" />
</a>
</marquee>


3. Paste kod yang korang Copy tadi kat ruangan HTML/Javascript.
4. Sebelum Save, buat pengubahsuaian dulu dekat kod nie..

-PENGUBAHSUAIAN-
-Gantikan 'LINK GAMBAR' kepada link untuk gambar korang apabila gambar tu di klik.
-Gantikan 'URL GAMBAR' kepada Url gambar korang.
-Tukar 'width=209' untuk tukar saiz lebar gambar korang. 
-Tukar 'height=150' untuk tukar saiz tinggi gambar korang.
-Tukar 'stop' kepada 'start' kalau nak gambar korang berjalan jer tanpa berhenti apabila mouse hover kat gambar. Lebih baik stop lah, sebab lagi menarik.
-Tukar 'scrollamount="5" ' (nombor 5 tu) untuk ubah kelajuan gambar tu bergerak. Lagi banyak nombor tu makin laju lah geraknye.
-Gantikan 'up' kepada down , left , atau right untuk ubah arah pergerakan gambar tu.

5. Klik Save, dan rasailah kehebatanya...

*bila korang klik gambar karang tu, automatik akan terbukak kat New Tab tau...

Enjoy!!.


Related Posts Plugin for WordPress, Blogger...

2 comments:

Dah baca kan? Komen lah sikit. Sikit pun jadilah.
Fikir sebelum menaip. ;)