Cara Buat Tulisan Bergerak Dalam Blog

Tutorial, Cara, Tulisan Bergerak, Duit, Blog

Mesti anda pernah nampak tulisan atau perkataan yang bergerak-gerak dalam blog orang lain kan? Tujuan tulisan bergerak ini hanya la sebagai hiasan ataupun untuk menarik perhatian pelawat blog. 

Nama lain bagi tulisan bergerak ni ialah Marquee Text.

Sekiranya anda mahu manjadikan text anda bergerak, sila ikuti tutorial di bawah :)

1. Standard Marquee


<marquee> www.dedauncomel.com </marquee>

www.dedauncomel.com

Marquee yang biasa(standard) bergerak dari kanan ke kiri, tapi kita boleh ubah pergerakkan text dengan memasukkan element-element tambahan.

2. Tulisan bergerak dari kiri ke kanan


<marquee direction="right" scrollamount="3" > Tulisan Berjalan </marquee>

Tulisan Berjalan
 

3. Tulisan bergerak ke kiri dan ke kanan


<marquee= "alternate" scrollamount="3"> Tulisan Berjalan </marquee>

Tulisan Berjalan
 

4. Tulisan bergerak ke bawah


<marquee direction="down" scrollamount="3" height="100">Tulisan Berjalan </marquee>

Tulisan Berjalan

 5. Tulisan bergerak ke atas


<marquee direction="up" scrollamount="3" height="100"> Tulisan Berjalan </marquee>

Tulisan Berjalan

6. Cara perlahankan gerakkan tulisan.


<marquee behavior="alternate" scrollamount="2"> Tulisan Berjalan </marquee>

Tulisan Berjalan
 

7. Cara melajukan gerakkan tulisan


<marquee behavior="alternate" scrollamount="10 "> Tulisan Berjalan </marquee>

Tulisan Berjalan
 

8. Cara membuat tulisan berhenti selepas dihalakan pointer mouse


<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()"> Arahkan Pada Tulisan dan Ia Terhenti </marquee>

Arahkan Pada Tulisan dan Ia Terhenti

EDIT : Nampaknya kod untuk buat tulisan berhenti selepas dihalakan pointer mempunyai masalah. Harap maklum.

NOTA : 

* Direction (left, right, up dan down) : Mengawal arah pergerakkan tulisan.
* Scrollamount ( 1 -10 ): Mengawal kelajuan pergerakkan tulisan
* Behavior ( scroll/slide/alternate ) : Mengawal tingkah laku tulisan :D

Anda boleh melakukan experiment sendiri dengan meletakkan element-element yang sesuai dalam text anda. Semoga berjaya !