Cara membuat tulisan berjalan(Efek marquee)

T

ulisan berjalan atau sering disebut dengan Efek marquee adalah suatu program HTML untuk membuat text berjalan baik itu secara horizontal maupun vertikal. Efek marquee ini banyak diminati oleh para blogger karena selain mempercantik tapilan blog Efek marquee juga dapat menarik perhatian pengunjung. text berjalan atau Efek marquee ini biasa digunakan para blogger untuk menampilkan sebuah pesan, link, ataupun banner. Contoh-contoh efek marquee dan cara membuatnya dapat anda lihat disini:

1. Marquee dasar
kode HTML nya adalah :

<marquee>Kalimat Anda</marquee>

Hasilnya adalah seperti ini :

Kalimat Anda


2. Marquee yang bergerak dari kiri kekanan
kode HTML-nya adalah

<marquee direction="right">Kalimat Anda</marquee>

Hasilnya adalah seperti ini :

Kalimat Anda


3. Marquee yang berjalan kekiri dan kekanan
Kode HTML-nya adalah :

<marquee behavior="alternate">Kalimat Anda</marquee>

Hasilnya adalah seperti ini :

Kalimat Anda


4. Marquee dari kanan ke kiri, tapi saat mouse berada diatas tulisan makan tulisan akan berhenti

Kode HTML-nya adalah :

<marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>

Hasinya adalah seperti ini :

Akan berhenti saat mouse diatas kalimat Anda


5. Morquee yang berjalan kekiri dan kekanan tetapi kecepatan gerak text dapat anda atur
Kode HTML-nya adalah :

<marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>

Hasinlnya adalah seperti ini:

Kalimat Anda


6. Marquee yang bergerak dari bawah keatas
Kode HTML-nya adalah :

<marquee direction="up">Kalimat Anda</marquee>

Hasinya adalah seperti ini :

Kalimat Anda


7. Marquee dengan pembatas dan tilisan anda akan berhenti saat mos diatasnya
Kode HTML-nya adalah :

<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>

Hasilnya adalah seperti ini :

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda



8. Marquee yang bergerak kebawah tanpa kode mouseover
Kode HTML-nya adalah :

<marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>

Hasilnya adalah seperti ini :

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda



9. Yang terakhir adalah Marquee dengan perintah "Center" agar tulisan berada ditengah
Kode HTML-nya adalah :

<center>
<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>
</center>

Hasilnya adalah seperti ini :

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

 Itulah beberapa contoh  Efek Marquee atau Tulisan Berjalan. Dari beberapa contoh diatas saya arasa anda sudah paham mengenai Kode-kode HTML untuk efek marquee diatas jadi sailahkan kereasikan sesuai dengan keinginan anda.

SELAMAT MENCOBA DAN TERIMA KASIH

Artikel Terkait: