Saturday 6 July 2013

Tutorial : Marquee IMAGE (REVERSE BACK)

Huhu , dah berepa lama Arni tak buat tutor ekk ? Agak lama jugak . Dalam 6 bulan dah tak buat . Nasib baik ada orang tanya . Thanks sebab tanya :) . Okehh , nak tengok contoh ? Macam nehh :)


Apa macam ? berminat takk ? Okehh , jom try !!

1)  Layout > Add A Gadget > Choose HTML/Javascript.
2) Copy code yang aku bagi ni dan di ruangan kosong tu, boleh paste code ni :



<center><div style="border: 4px solid #D8D8D8; padding: 2px; width: 600px;"><div style="text-align: center;"><marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5"><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a></marquee></div></div></center>

Okehh , save !

Kalau korang rasa macam sikett , tambah kot nehh

<a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a>

Contoh :-

<center><div style="border: 4px solid #D8D8D8; padding: 2px; width: 600px;"><div style="text-align: center;"><marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5"><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a><a href="URL LINK"><img height="100" src="URL GAMBAR" width="100" /></a></marquee></div></div></center> 

Credit : Kak Amalina