Edukasi Cara Tulisan Bergerak di Blogger, Wordpress, Maupun Domain Website

Kali ini Redaksi Tulisan bergerak dapat dibuat dengan mudah dengan kode HTML. Kali ini blog Warta Jelateng akan berbagi kode-kode HTML pembuat tulisan bergerak lengkap dengan variasi dan atribut-atributnya berdasarkan dari berbagai sumber kutifan 

  

Kode Dasar 

<marquee>Teks Berjalan</marquee>

Teks Berjalan

Sebagai dasar, teks secara good default akan berjalan dari kanan ke kiri dan berulang terus menerus.

Loop atau Perulangan 

<marquee loop="5">Teks Berjalan berulang 5 kali</marquee>

Teks Berjalan berulang 5 kali

Loop menentukan banyak perulangan yang dilakukan marquee. Angka 5 menunjukkan jumlah perulangan, setelah berjalan 5 kali marquee tidak akan muncul lagi

Jeda Waktu 

<marquee scrolldelay="500">Teks Berjalan dengan delay 0,5 detik</marquee>

Teks Berjalan dengan delay 0,5 detik

Scroll delay menunjukkan jeda waktu marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.

Memberi Title

<marquee title="pesan tersembunyi">Teks Berjalan</marquee>

Teks Berjalan

Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.

Warna Background 

<marquee bgcolor="FFF300">Teks Berjalan dengan warna latar belakang kuning</marquee>

Teks Berjalan dengan warna latar belakang kuning

Bgcolor mengatur warna background marquee. FFF300 menunjukkan kode warna HTML untuk warna kuning, dapat diganti dengan warna dasar red, green, blue, atau yellow.

Kecepatan Gerak 

<marquee scrollamount="100">Teks Berjalan dengan kecepatan 100</marquee>

Teks Berjalan dengan kecepatan 100

Arah Gerak 

<marquee direction="right">Teks Berjalan ke arah kanan</marquee>

Teks Berjalan ke arah kanan

<marquee direction="down" height="100">Teks Berjalan ke arah bawah</marquee>

Teks Berjalan ke arah bawah

Lebar dan Tinggi 

<marquee width="300">Lebar Teks Berjalan 300px</marquee>

Lebar Teks Berjalan 300px

<marquee height="100">Tinggi Teks Berjalan 100px</marquee>

Tinggi Teks Berjalan 100px

Mengatur Jenis, Ukuran, dan Warna Font 

<marquee style="font-family:arial; font-size:20px; color:#ffffff;">Jenis ukuran dan warna font pada Teks Berjalan</marquee>

Jenis ukuran dan warna font pada Teks Berjalan

Sifat 

<marquee behavior="alternate">Teks Berjalan memantul</marquee>

Teks Berjalan memantul

Membuat Link 

<marquee><a href="http://carabelajartutorial.blogspot.com/2016/09/cara-membuat-tulisan-berjalan-di-blog.html">Cara Membuat Tulisan Berjalan</a></marquee>

Cara Membuat Tulisan Berjalan

Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.

Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.

Membuat Teks Berjalan Zig Zag

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">
<marquee direction="right" behavior="alternate" height="30">Teks Berjalan Zig Zag
</marquee>
</marquee>

Teks Tulisan Zig Zag

Teks yang berjalan zig zag dapat dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 tulisan bergerak yang memiliki atribut arah berbeda. Dalam contoh kita gunakan arah up dan right sehingga membentuk zig zag.

Kombinasi Atribut 

<div style="text-align: center;">
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left" width="130">
<b>&lt;&lt;</b><b> MACAM &gt;&gt;</b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b>&lt;&lt; MACAM &gt;&gt;</b>
</span>
</marquee>
</div>

<< MACAM >><< MACAM >>

Kombinasi tulisan bergerak dapat dilakukan dengan menggabungkan beberapa atribut sekaligus. 

Terima kasih telah membaca artikel ini.