Cara Membuat Tulisan Berjalan Di Blog

 Kita sering melihat di televisi teks yang berjalan atau running text,yang bertujuan untuk menarik perhatian kepada teks tersebut.Di Blog dikenal dengan nama Marquee karena menggunakan kode bahasa HTML marquee.

 Bagi anda yang tertarik mencoba membuat tulisan berjalan,sebaiknya anda menyimak caranya berikut:

1. Kode dasar dalam pembuatan tulisan berjalan ini adalah tag pembuka <marquee> dan tag penutupnya </marquee>
contoh :
<marquee>Halo Sobat Blogger</marquee>

Maka hasilnya tampilannya akan seperti ini.

Halo Sobat Blogger

jika anda menginginkan variasi gerakan yang lain,maka akan di butuhkan juga tambahan kodenya.

2. Kode bgcolor=”warna yang ingin ditampilkan”, kode ini digunakan untuk mengatur warna background tulisan berjalan.Bisa menggunakan kode HTML warna maupun langsung pakai bahasa inggris untuk jenis warna.

Contoh :

<marquee bgcolor="blue">Text Dengan Background Warna Biru</marquee>

Maka tampilannya akan tampak seperti ini.

Text Dengan Background Warna Biru

3. Kode scrollamount=”angka”, ini digunakan untuk mengatur kecepatan tulisan berjalan,semakin besar angkanya maka semakin cepat tulisannya bergerak.

Contoh:

<marquee scrollamount="8">Kecepatan Tulisan Berjalan Delapan</marquee>

Maka hasilnya akan tampak seperti ini.

Kecepatan Tulisan Berjalan Delapan

4. Kode loop=”angka|-1|infinite” , digunakan untuk melakukan pengaturan proses pengulangan sebuah marquee.

Contoh:

<marquee loop="3">Tulisannya Akan Berputar 3 Kali Lalu Menghilang</marquee>

Maka hasilnya akan tampak seperti ini.

Tulisannya Akan Berputar 3 Kali Lalu Menghilang

5. Kode direction=”left/right/up/down” , digunakan untuk mengatur arah gerakan tulisan yang diinginkan.

Contoh:

<marquee direction="left">Teks Akan Bergerak Ke Kiri</marquee>
<marquee direction="down">Teks Akan Bergerak Ke Atas</marquee>

Maka hasilnya akan tampak seperti ini.

Teks Akan Bergerak Ke Kiri
Teks Akan Bergerak Ke Atas

6. Kode scrolldelay=”angka” , digunakan untuk mengatur waktu delay selama “angka”, Jadi bila ingin menunda delay selama 1 detik maka ganti “angka” menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.

Contoh:

<marquee scrolldelay="500">Teks Berjalan Dan Dalay Selama 0.5 Detik</marquee>

Maka hasil tampilannya akan seperti ini.

Teks Berjalan Dan Dalay Selama 0.5 Detik

7. Kode title=”pesan” ,digunakan untuk menampilkan suatu pesan jika kursor mouse didekatkan pada jalur teks.

Contoh:

<marquee title="Pesan Di Sini">MARQUEE Berisi Pesan Tertentu</marquee>

Maka tampilannya akan seperti ini.

MARQUEE Berisi Pesan Tertentu

8. Kode behavior=”scroll/slide/alternate” , digunakan untuk mengatur jenis gerakan, Yaitu :
 – Scroll bila ingin text berjalan terus ke salah satu sisi.
 – Slide  bila ingin text berjalan tersendat-sendat.
 – Alternate  bila ingin text berjalan seperti memantul.

Contoh:

<marquee behavior="scroll">Tulisan Bergerak Ke Sisi</marquee>
<marquee behavior="slide">Tulisan Bergerak Tersendat</marquee>
<marquee behavior="alternate">Tulisan Bergerak Memantul</marquee>

Maka hasilnya akan seperti ini.

Tulisan Bergerak Ke Sisi
tulisan Bergerak Tersendat
Tulisan Bergerak Memantul

9. Kode width=”lebar” , digunakan untuk mengatur lebar media yang akan menampung marquee.

Contoh:

<marquee width="40%">Lebar Media 40%</marquee>

Hasilnya akan tampak seperti ini.

Lebar Media 40%

10. Kode onmouseover=”thsi.stop()” onmouseout=”this.start()”  , digunakan jika ingin tulisan berhenti bergerak jika ada mouse mengenainya.

Contoh:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Test Tulisan Berjalan</marquee>

Hasilnya akan tampak seperti ini.

Test Tulisan Berjalan

11. Membuat Link kedalam tulisan.

Contoh:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://www.tamboenman.xyz/2019/05/cara-mudah-membuat-akun-google-drive.html">Cara Membuat GDrive Unlimited</a></marquee>

Hasilnya akan tampak seperti ini.

Cara Membuat GDrive Unlimited

 Cara memasangnya di Blog.

1. Memasang Kode di Widget.

*. Klik Tata Letak » Tambahkan Gadget » HTML/javascript » Masukkan kode marquee yang anda inginkan » Simpan.

2. Memasang didalam Postingan.

*. Pada bidang postingan, Klik mode HTML
*. Masukkan kode HTML marquee yang anda inginkan.
*. Klik mode Compose untuk kembali melanjutkan postingan lainnya.

3. Memasang Dalam Template.

*. Parse kode HTML marquee yang anda inginkan terlebih dahulu.
*. Klik menu Tema di dashboard blogger.
*. Klik Edit HTML.
*. Letakkan kode HTML marquee yang telah diparse pada posisi yang ingin anda tampilkan.
*. Simpan template.

Contoh yang diatas bisa anda kreasikan sesuai keinginan anda.Selamat mencoba.