CARA MEMBUAT TEXT DAPAT BERGERAK PADA BLOG (HOW TO MAKE SCROLLING TEXT/MARQUEEE TEXT)

Membuat kata atau text bergerak pada blog menambah ketertarikan pembaca terhadap blog anda dan saya pikir mereka akan penasaran yang akan membuat mereka membaca entri-entri di blog anda bro. Selain dikeal sebagai scrolling text, hal tersebut  dikenal sebagai marquee text.

Walaupun hal ini menarik tapi saya sarankan bro jangan terlalu banyak memberi scrolling text ya, ntar kalau malah ribut sama kode yang lain wkwkwkwkw

Berikut adalah tutorial untuk membuat text yang bisa bergerak.
Tutorial ini akan dimulakan dengan kaedah paling asas dan juga diletakkan penambahan.

1. Kode HTML untuk text bergerak dari kanan ke kiri adalah sebagai berikut :

<marquee>Contoh scrolling text</marquee>

Output untuk kode ini seperti berikut :
Contoh scrolling text

2. Ubah pergerakan text

kode ini di tambahkan jika ingin mengubah pergerakan text tadi bro

direction="left"
direction="right"
direction="up"
direction="down"


Berikut contoh kode untuk pegerakan text dari kiri ke kanan :

<marquee direction="right" >Contoh scrolling text</marquee>

Output untuk kod ini adalah
Contoh scrolling text

3.Ubah warna background 

Untuk mengubah warna background, perlu ditambahkan dan diletakkan kode berikut :

bgcolor="#kod warna"

Contoh peletakkan kode backgroun warna di atas tadi bro :

<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Output untuk kode ini adalah :
Contoh scrolling text

4. Perkataan dalam keadaan 'Blolak-balik'

Penambahan kode berikut diperlukan ke dalam kode semula.
behavior="alternate"

contoh kode yang diletakkan trick ini :

<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Output untuk kod ini
Contoh scrolling text

5.Ubah Keceptan laju perkataan.
Pergerakan juga dapat diubah dengan menambah kod berikut
scrollamount="2"

Contoh kode dengan trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>

Output:
Scrollamount :2
Contoh scrolling text

Scrollamount :4
Contoh scrolling text

6. Pause apabila cursor dilalukan.

Text yang bergerak juga dapat dihentikan apabila disorot oleh cursor. Hal ini dilakukan untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.

Penambahan kode yang perlu dilakukan adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kod dengan trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>

output untuk trick ini.
Contoh scrolling text