Membuat teks berjalan atau marque ...

Sebelumnya, ichan mohon maaf karena baru bisa memposting tips membuat teks berjalan atau marquee. Sebenarnya sudah lama sekali ichan ingin segera memposting tentang marquee ini hanya karena keterbatasan waktu saja sehingga baru sekarang ichan dapat memenuhi permintaan salah satu pengunjung blog ini. Teks yang berjalan selain menambah estetika yang dapat menarik si pengunjung juga menghemat side bar sehingga lebih efisien. Walaupun sudah banyak postingan yang mengajarkan tips marquee ini, namun tidak ada salahnya, tips n trik blog mengulasnya kembali siapa tahu berguna bagi new blogger...hehehe

Langsung saja yya kak, kita mulai tips membuat marquee...

TEKS BERJALAN KE KANAN

Ketik atau copy paste code di bawah ini yya...

<marquee direction=right>Teks ini akan berjalan ke kanan seperti ini kak...!</marquee>

hasilnya dapat dilihat seperti di bawah ini kak...

Teks ini akan berjalan ke kanan seperti ini kak...!

TEKS BERJALAN KE KIRI

Ketik atau copy paste code di bawah ini yya...

<marquee direction=left>Teks ini akan berjalan ke kiri </marquee>

hasilnya dapat dilihat seperti di bawah ini kak...

Teks ini akan berjalan ke kiri seperti ini kak...!

TEKS BERJALAN KE BAWAH

Ketik atau copy paste code di bawah ini yya...

<marquee direction=down>Teks ini akan berjalan ke bawah </marquee>

hasilnya dapat dilihat seperti di bawah ini kak...

Teks ini akan berjalan ke bawah

TEKS BERJALAN KE ATAS

Ketik atau copy paste code di bawah ini yya...

<marquee direction=up>Teks ini akan berjalan ke atas</marquee>

hasilnya dapat dilihat seperti di bawah ini kak...

Teks ini akan berjalan ke atas seperti ini kak...

TEKS AKAN BERHENTI JIKA DIDEKATKAN MOUSE

Ketik atau copy paste code di bawah ini yya...

Agar teks yang berjalan berhenti saat mouse didekatkan maka harus ditambahi kode seperti berikut onmouseover="this.stop()" onmouseout="this.start()"

<marquee direction=down onmouseover="this.stop()" onmouseout="this.start()">Teks berjalan ke bawah seperti ini kak...</marquee>

hasilnya dapat dilihat seperti di bawah ini kak...

Teks berjalan ke bawah seperti ini kak...