Buat Teks Mondar-Mandir di Blog dengan Marquee

Pernahkah sobat melihat tulisan atau teks yang bergerak mondar-mandir di suatu blog? Tulisan tersebut biasa disebut dengan marquee. Marquee sebenarnya hanya berfungsi sebagai hiasan di blog, mirip dengan headline news, tetapi lebih mudah diatur, terutama dalam mengatur gerakan dan perilaku teksnya.

Bagi sobat yang tertarik membuat teks mondar-mandir di blog, simak tutorial berikut ini:

Langkah 1: Siapkan Teks

Pertama, siapkan teks yang ingin sobat tampilkan di marquee. Teks ini bisa berupa pengumuman, berita terbaru, atau slogan blog sobat.

Langkah 2: Masukkan Kode HTML

Berikut adalah kode HTML untuk membuat marquee:

HTML

<marquee>Teks yang ingin ditampilkan</marquee>

Sobat dapat memodifikasi kode HTML tersebut untuk mengatur berbagai aspek marquee, seperti:

• Kecepatan: Tambahkan atribut scrollamount untuk mengatur kecepatan gerakan teks. Semakin tinggi nilainya, semakin cepat teks bergerak. Contoh: <marquee scrollamount="2">Teks yang ingin ditampilkan</marquee>
• Kang Indi, tukang ketik di medsosArah: Tambahkan atribut direction untuk menentukan arah gerakan teks. Nilai yang valid adalah left (kiri), right (kanan), up (atas), dan down (bawah). Contoh: <marquee direction="left">Teks yang ingin ditampilkan</marquee>
• Kang Indi, tukang ketik di medsosPerulangan: Tambahkan atribut loop untuk menentukan berapa kali teks diulang. Nilai -1 menandakan teks akan diulang selamanya. Contoh: <marquee loop="-1">Teks yang ingin ditampilkan</marquee>
• Kang Indi, tukang ketik di medsosBehavior: Tambahkan atribut behavior untuk menentukan perilaku marquee. Nilai yang valid adalah scroll (teks bergerak) dan alternate (teks bergerak maju mundur). Contoh: <marquee behavior="alternate">Teks yang ingin ditampilkan</marquee>

Kang Indi, tukang ketik di medsosLangkah 3: Masukkan Kode ke Template Blog

Setelah memodifikasi kode HTML sesuai keinginan, masukkan kode tersebut ke dalam template blog sobat. Biasanya, kode ini dimasukkan ke dalam widget HTML/JavaScript.

Langkah 4: Lihat Hasilnya

Simpan perubahan pada template blog dan lihat hasilnya. Teks sobat akan bergerak mondar-mandir sesuai dengan pengaturan yang telah dibuat.

Tips:

• Sobat dapat menggunakan CSS untuk mempercantik tampilan teks marquee, seperti mengubah warna, font, dan ukuran teks.
• Gunakan marquee dengan bijak. Terlalu banyak penggunaan marquee dapat membuat blog terlihat ramai dan mengganggu pengunjung.

Contoh Penggunaan Marquee

Berikut adalah beberapa contoh penggunaan marquee:

• Menampilkan pengumuman terbaru di blog.
• Menampilkan berita terbaru dari situs web lain.
• Menampilkan slogan blog.
• Menampilkan ucapan selamat datang kepada pengunjung blog.

Semoga tutorial ini bermanfaat bagi sobat yang ingin membuat teks mondar-mandir di blog.

Selamat mencoba!