Cara Membuat Teks Berjalan Di Laman Blog

Atas permintaan teman akhirnya saya berbagi trik kuno ini. Dan sebelum kita membahasnya, terlebih dahulu kita wajib mengetahui apa itu "Marquee"? Marquee adalah suatu kode HTML untuk membuat teks agar bisa bergerak atau berjalan.

Seringkali kita melihat halaman blog teman yang dihiasi oleh tulisan atau kata-kata yang dapat berjalan. Mungkin sebagian besar dari Anda sudah mengetahui cara membuat tulisan berjalan tersebut. Tapi di posting kali ini, saya mencoba berbagi trik ini untuk Anda yang belum mengetahui cara membuatnya.

Cara membuatnya, yaitu:

- Pertama, login ke Blogger.

- Kemudian klik Rancangan dan Elemen Laman.

- Ketika sudah berada di Elemen Laman klik Tambah Gadget.

- Lalu pilih HTML/JavaScript.

Langkah selanjutnya, masukkan kode Marquee yang Anda inginkan seperti contoh di bawah ini:

1. Teks berjalan dari kanan ke kiri

Kodenya: <marquee direction="left" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



Hasilnya:

Contoh Tulisan Berjalan

2. Teks berjalan dari kiri ke kanan

Kodenya: <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



Hasilnya:

Contoh Tulisan Berjalan

3. Teks berjalan bolak balik

Kodenya:  

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


Hasilnya:

Contoh Tulisan Berjalan

4. Teks berjalan dari atas ke bawah

Kodenya: 

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



Hasilnya:

Contoh Tulisan Berjalan

5. Teks berjalan dari bawah ke atas

Kodenya: <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



Hasilnya:

Contoh Tulisan Berjalan

6. Teks berjalan mondar-mandir

Kodenya:

 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>



Hasilnya:

Contoh Tulisan Berjalan

7. Teks berjalan zig-zag lalu tembus

Kodenya: 

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>



Hasilnya:

Contoh Tulisan Berjalan

8. Teks berjalan zig-zag memantul

Kodenya:  

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>



Hasilnya:

Contoh Tulisan Berjalan
Langkah selanjutnya adalah mengganti tulisan.

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang Anda inginkan.

Keterangan:

- direction="left/right/up/down" = mengatur arah gerakan teks.

- scrollamount="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

- behavior="scroll/slide/alternate" = untuk mengatur perilaku gerakan:
* Scroll: teks bergerak berputar.
* Slide: teks bergerak sekali lalu berhenti.
* Alternate: teks bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)

Fungsi dari : 

<center> ............. </center> adalah agar tulisan tersebut selalu berada di tengah.

Untuk Teks berjalan berwarna: Tambahkan kode <span style="color:#f00; font-weight: bold;"> di depan tulisan Contoh Tulisan Berjalan </span>, kode warna #f00 bisa Anda ubah dengan kode warna lainnya. Untuk kode warna selengkapnya, Anda bisa mencarinya di Google Search.