Cara Membuat Tulisan Berjalan/ Marquee Dengan Mudah

Melihat tulisan berjalan pada situs lain membuat kita menjadi penasaran membuat tulisan tersebut sehingga bisa berjalan / bergerak. Bahkan sebenarnya kita juga bisa membuat gambar berjalan seperti tulisan berjalan. Untuk cara membuat tulisan berjalan atau sering disebut marquee tidaklah sulit, karena caranya cukup simpel dan mudah dipraktekan pada blog kalian. Kali ini saya akan carakan membuat teks bisa berjalan dengan contohnya.

Style 1
Teks Berjalan

<marquee>Teks Berjalan</marquee>

Style 2 : background berwarna
Teks Berjalan dengan latar belakang berwarna

<marquee bgcolor="93c47d">Teks Berjalan dengan latar belakang berwarna</marquee>

• Bgcolor merupakan perintah memberi warna latar belakang/ background marquee
• 274e13 menujukkan warna latar belakang/ background

Style 3 : loop/ berulang
Teks Berjalan berulang 3 kali

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

• Loop merupakan perintah pengulangan marquee.
• Angka 3 menunjukkan banyak pengulangan setelah itu marquee akan hilang/ tidak tampil lagi.

Style 4 : delay/ jeda
Teks Berjalan dengan jeda 0,5 detik

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

• Scrolldelay merupakan perintah jeda marquee
• 500 menunjukkan jalannya marquee permilidetik, 500 sama seperti 0,5 detik

Style 5 : kecepatan
Teks Berjalan dengan kecepatan 50

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

• Marquee scrollamount merupakan perintah kecepatan marquee
• 50 menunjukkan kecepatannya, kecepatan normal 6

Style 6 : arah gerak
Teks Berjalan ke atas

<marquee direction="up">Teks Berjalan ke atas</marquee>

Teks Berjalan ke kanan

<marquee direction="up">Teks Berjalan ke kanan</marquee>

Teks Berjalan ke bawah

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

• Up menunjukkan ke arah atas
• Down menunjukkan ke arah bawah
• Right menunjukkan ke arah kanan

Style 7 : jenis, ukuran, dan warna font
Jenis, ukuran, dan warna font pada Teks Berjalan

<marquee style="font-family:times; font-size:16px; color:#93c47d;">Jenis, ukuran, dan warna font pada Teks Berjalan</marquee>

• Font-family:times menunjukkan jenis font
• Font-size:16px menunjukkan ukuran font
• Color:#93c47d menunjukkan warna font

Style 8 : memantul

Teks Berjalan Memantul

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

• Behavior digunakan untuk mengatur sifat marquee (altetnate, slide, scroll)
• Alternate : marquee memantul ketika menabrak sisi
• Slide : marquee berhenti ketika menabrak sisi kiri
• Scroll : marquee menghilang ketika menabrak sisi kiri (default)

Style 9 : sisipkan link
Cara Membuat Tulisan Berjalan Dengan Link

<marquee><a href="https://amasynew.blogspot.com/2018/03/marquee.html">Cara Membuat Tulisan Berjalan Dengan Link</a></marquee>

• a href digunakan ketika menyisipkan link

Style 10 : sisipkan gambar

<marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ICEKIGEfqwa5g13ZDUm6AtMPNdU75KfFP-5RtIXNJB-UmuAAwFQ6dei1HiUxSf9H5nWP44ECJE0ACeDGRw_oXW0D3Tq3841TpSqGyqE2UxNLyCUHj8s4HISF0xTC48V45jnQi5oPzWA/s1600/amasynew.png" /></marquee>

• img scr digunakan ketika menyisipkan gambar

GANTI TULISAN WARNA MERAH DAN HIJAU SESUA KEPERLUAN YANG DIBUTUHKAN