- Cara Membuat Tulisan Berjalan Menggunakan HTML Marquee Di Blogger
- KODE HTML DASAR
- LOOP / PERULANGAN MARQUEE
- JEDA WAKTU MARQUEE
- MEMBERIKAN TITLE MARQUEE
- WARNA BACKGROUND MARQUEE
- KECEPATAN GERAK MARQUEE
- ARAH GERAK MARQUEE
- LEBAR DAN TINGGI MARQUEE
- MENGATUR JENIS, UKURAN, & WARNA FONT MARQUEE
- JENIS MARQUEE
- MEMBUAT LINK PADA MARQUEE
- CARA MEMBUAT TULISAN BERJALAN DI BLOG
- MEMBUAT GAMBAR BERJALAN MENGGUNAKAN MARQUEE
- MEMBUAT TEKS BERJALAN ZIG ZAG MENGGUNAKAN MARQUEE
- CAMPURAN ATRIBUT MARQUEE
Cara Membuat Tulisan Berjalan Menggunakan HTML Marquee Di Blogger
Cara Membuat Tulisan Berjalan Di Blogger | Kita mungkin sering melihat pada acara berita yang sedang disiarkan di televisi dan terdapat potongan informasi yang disampaikan dengan running text / text berjalan.
Di dalam dunia HTML, tulisan berjalan lebih dikenal dengan nama marquee dan lingkupannya bukan hanya sekedar teks saja, gambar pun dapat dibuat berjalan.
Karena teks yang berjalan sangat menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memberikan informasi yang bersifat penting kepada seluruh orang yang mengunjungi blog kamu.
Marquee bisa dibuat dengan gampang dengan menggunakan kode HTML.
Kali ini Belajar SEO akan berbagi ilmu tentang bagaimana cara membuat tulisan berjalan menggunakan HTML <marquee> di blogger kamu lengkap dengan segala atribut nya.
KODE HTML DASAR <marquee>
<marquee>Teks Berjalan</marquee>
Teks Berjalan
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri secara berulang ulang
LOOP / PERULANGAN MARQUEE
<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
Teks Berjalan Berulang 5 Kali
JEDA WAKTU MARQUEE
<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.
Teks Berjalan Dengan Delay 0,5 Detik
MEMBERIKAN TITLE MARQUEE
<marquee title=”pesan tersembunyi”>Teks Berjalan</marquee>
Teks Berjalan
Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.
Teks Berjalan
WARNA BACKGROUND MARQUEE
<marquee bgcolor=”0000FF”>Teks Berjalan dengan warna latar belakang Biru</marquee>
Teks Berjalan dengan warna latar belakang Biru
Bgcolor mengatur warna background marquee. FFF300 menunjukkan kode warna HTML untuk warna biru, dapat diganti dengan warna dasar red, green, blue, atau yellow.
Teks Berjalan Dengan Latar Belakang Kuning
KECEPATAN GERAK MARQUEE
<marquee scrollamount=”100″>Teks Berjalan dengan kecepatan 50</marquee>
Teks Berjalan dengan kecepatan 100
Scrollamount mengatur kecepatan gerak marquee. Angka 100 menunjukkan kecepatannya 100, kecepatan normal adalah 6.
Teks Berjalan Dengan Kecepatan 75
ARAH GERAK MARQUEE
<marquee direction=”right”>Teks Berjalan ke arah kanan</marquee>
Teks Berjalan ke arah kanan
Teks Berjalan Ke Arah Kanan
<marquee direction=”down” height=”100″>Teks Berjalan ke arah bawah</marquee>
Teks Berjalan ke arah bawah
Teks Berjalan Ke Arah Bawah
Direction akan mengatur arah gerak marquee. Right menunjukkan arah pergerakan marquee ke kanan. Ada 4 arah yang bisa Anda gunakan :
⇒ up untuk gerak ke atas
⇒ right untuk gerak ke kanan
⇒ down untuk gerak ke bawah
⇒ left untuk gerak ke kiri (default)
LEBAR DAN TINGGI MARQUEE
<marquee width=”300″>Lebar Teks Berjalan 300px</marquee>
Lebar Teks Berjalan 300px
Lebar Teks Berjalan 300px
<marquee height=”100″>Tinggi Teks Berjalan 100px</marquee>
Tinggi Teks Berjalan 100px
Tinggi Teks Berjalan 100pc
Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing menggunakan px sebagai satuan.
MENGATUR JENIS, UKURAN, & WARNA FONT MARQUEE
<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
Jenis Ukuran Dan Warna Font Pada Teks Berjalan
Anda dapat mengatur jenis, ukuran, dan warna font menggunakan style.
font-family untuk jenis font
font-size untuk ukuran font
color untuk warna font
JENIS MARQUEE
<marquee behavior=”alternate”>Teks Berjalan memantul</marquee>
Teks Berjalan memantul
Teks Berjalan Memantul
Behavior akan mengatur sifat marquee. Anda dapat mengatur marquee dengan 3 nilai :
scroll : marquee menghilang ketika menabrak sisi kiri (default)
slide : marquee berhenti ketika menabrak sisi kiri
alternate : marquee memantul ketika menabrak sisi
MEMBUAT LINK PADA MARQUEE
<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
CARA MEMBUAT TULISAN BERJALAN DI BLOG
Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
MEMBUAT GAMBAR BERJALAN MENGGUNAKAN MARQUEE
<marquee><img src=”https://3.bp.blogspot.com/-sf0S_LjgzTI/V-jKWHoim6I/AAAAAAAACsM/ZVo8EjSWlFYdH670iesn2b1UPf3OLkebgCLcB/s1600/cara-membuat-teks-tulisan-berjalan-marquee.png” /></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 MENGGUNAKAN MARQUEE
<marquee direction=”up” scrollamount=”2″ align=”center” behavior=”alternate”>
<marquee direction=”right” behavior=”alternate” height=”30″>Teks Berjalan Zig Zag
</marquee>
</marquee>
Teks Berjalan Zig Zag
Teks Berjalan Zig Zag
Teks yang berjalan zig zag dapat dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang memiliki atribut arah berbeda. Dalam contoh kita gunakan arah up dan right sehingga membentuk zig zag.
CAMPURAN ATRIBUT MARQUEE
<div style=”text-align: center;”>
<span style=”font-size: x-large;”>
<marquee bgcolor=”black” style=”color: red;” direction=”left” width=”130″>
<b><<</b><b> MACAM >></b>
</marquee>
<marquee bgcolor=”black” style=”color: blue;” direction=”right” width=”130″>
<b><< MACAM >></b>
</span>
</marquee>
</div>
<< MACAM >>
<< MACAM >>
Kombinasi marquee dapat dilakukan dengan menggabungkan beberapa atribut sekaligus. Anda sudah mengetahui dasar-dasar membuat marquee, silahkan mengkreasikan marquee Anda sendiri.
Terima kasih telah membaca artikel “Cara Membuat Tulisan Berjalan Menggunakan HTML Marquee Di Blogger”. Jika ada pertanyaan, silahkan sampaikan di kotak komentar.