Cara Membuat Teks Berjalan atau Running Text


Tutorial kali ini akan membahas bagaimana cara membuat teks berjalan atau running text atau marquee. Bagi yang belum tau makhluk ini, contohnya ada di blog ini, itu tuh yang teksnya jalan bergerak dari kanan ke kiri

Oke, langsung saja ane kasih tau caranya :

1. Tentukan dahulu, mau dipasang dimana teks berjalan ini. Apakah mau di atas postingan, di sidebar, atau di foter. Setelah menentukan mau dipasang dimana, kita tinggal tambahkan widget HTML/JavaScript di posisi tersebut.

2. Kemudian copy paste kode dibawah ini :
<marquee bgcolor="#242424" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3"><font color="#FFFFFF">TEKS BERJALAN</font></marquee>

3. Ganti kode #242424 dengan warna background yang dinginkan, dan kode #FFFFFF untuk warna hurufnya. Ganti juga tulisan "TEXT BERJALAN" dengan kata-kata yang diinginkan. Kemudian ganti angka "scrollamount" sesuai dengan kecepatan berjalan yang diinginkan.

4. Untuk melihat kode warna HTML, silakan cek di sini.

5. Kemudian, simpan widget. Lihat apa yang terjadi

Tambahan:
Anda bisa juga menambah tag pada marquee, seperti:
  • direction="right" untuk berjalan ke kanan
  • width="200px" untuk lebar 200px
  • height="50px" untuk lebar 50px
  • behavior="alternate" untuk bergerak bolak balik
  • loop="2" untuk setelah muncul 2 kali, maka akan hilang
  • dll.

Sekian, semoga bermanfaat

Related Posts

Post a Comment

Subscribe Our Newsletter