Cara membuat Teks Berjalan (Marquee)

Cara membuat Teks Berjalan (Marquee)

Sebelumnya saya sudah menjelaskan tentang Cara Menambahkan Scroll Pada Widget Blog untuk menghemat sebuah widget dan sekarang saya akan membagikan tutorialnya yaitu  teks berjalan atau bergerak yang biasa disebut Marquee.

Mungkin bagi anda banyak yang sudah tentang marquee tapi mungkin masih ada yang belum tahu untuk kode bagaimana cara membuat efek berjalan ini. Berikut atribut yang sering digunakan pada efek teks berjalan ini agar terlihat lebih menarik dan indah :)

• bgcolor : Atribut ini digunakan untuk mengatur background dari text yang akan diberi efek marquee.
• direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).
• scrollamount : Untuk mengatur kecepatan dari gerakan text (angka dalam px), semakin tinggi angka yang digunakan, maka akan semakin cepat gerakan dari textnya.
• behaviour : Untuk mengatur efek dari gerakannya (slide, scroll, alternate).
• width : Untuk mengatur lebar dari area text nya (dinyatakan dalam px atau %).
• height : Untuk mengatur tinggi dari area text nya (dinyatakan dalam px atau %).
• align : Untuk mengatur posisi (center, left, right).
• onmouseover : Untuk memberhentikan efek ketia disorot(hover) mouse.
• onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot(hover) text.

Untuk Caranya sekarang lihat contoh efek teks berjalan ini.

Contoh Berjalan dari kekiri ke kanan

<marquee direction="right" scrollamount="2">Contoh Berjalan dari kekiri ke kanan </marquee>

Contoh Marquee dari kiri ke kanan

Contoh Berjalan dari kekanan ke kiri

<marquee direction="left" scrollamount="2">Contoh Berjalan dari kekanan ke kiri </marquee>;

Contoh Marquee dari kanan ke kiri
Contoh Berjalan dari atas ke kebawah

<marquee direction="down" scrollamount="2" height="100" width="50%"> Contoh Teks Berjalan dari atas ke bawah </marquee>

Contoh Teks Berjalan dari atas ke bawah

Contoh Berjalan dari bawah ke keatas

<marquee direction="up" scrollamount="2" height="100" width="50%"> Contoh Berjalan dari bawah ke keatas </marquee>

Contoh Berjalan dari bawah ke keatas

Contoh Teks Berjalan dengan background warna hijau dan font putih

<font color="white"><marquee direction="right" scrollamount="2" bgcolor="green"> Contoh Teks Berjalan dengan background hijau dan font putih</font></marquee>

Contoh Teks Berjalan dengan background hijau dan font putih
Contoh Teks berjalan berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

<marquee direction="down" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100"> Contoh Teks berjalan &nbsp;berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot </marquee>

Contoh Teks berjalan  berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

Mungkin hanya itu yang bisa saya sampaikan kurang lebihnya saya minta maaf . terima kasih dan semoga bermanfaat.

Anda bisa gunakan pada widget sidebar, post popular dan lainnya. Kreasikan anda sendiri ^_^