Aug 26, 2011

Tutorial Teks Bergerak

Tutorial ni untuk buat teks atau gambar korang boleh bergerak gerak gitu.Tak kisah korang nak buat kat entry atau sidebar.2 2 boleh.Ce tengok kod yang diberikan kat bawah ini.Senang je,just copy k.Kalau korang nak letak dekat entry, just copy dekat entry.Tapi, kalau nak letak dekat sidebar then ikut step ini


1) Design-Add a gadget-HTML/JavaScript.

2)Pilih kod yang korang nak dan Paste kan

Dari Kanan ke Kiri

Contoh seperti ini :D



<marquee>Perkataan anda di sini</marquee>



Dari Kiri ke kanan

Contoh seperti ini :D


<marquee direction="right">Perkataan anda di sini</marquee>



 Fixed (1)

Contoh seperti ini :D


     <marquee behavior="alternate" width="300">Perkataan anda di sini</marquee>




Fixed (2)

Contoh seperti ini :D


<marquee behavior="alternate">Perkataan anda di sini</marquee>



 Boleh ajdust speed

Contoh seperti ini


<marquee direction="right" scrollamount="4">Perkataan anda di sini</marquee>


 "4"menunjukkan kelajuan scroll itu ,so korang boleh adjust kat situ k.Makin   besar number makin laju 




 Dari Bawah ke Atas


Contoh ::
♥.| Apabila jiwa dan raga kita menjurus kepada Allah SWT Yang Esa, maka ujian akan datang untuk mennguji ketakwaan manusia. Ia lebih halus dan berat dari berjuang bermati-matian menentang musuh-musuh Allah yang durjana.|♥.



<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">Perkataan anda di sini
</marquee>



 width dan height tu, boleh ditukar mengikut citarasa anda


3)Preview dan Save

Selamat mencuba

No comments:

Post a Comment

Footer