Cara Membuat Teks Berjalan Di Laman Blog

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 TulisBerjalan </marquee>

Hasilnya:


Contoh Tulisan Berjalan


4. Teks berjalan dari atas ke bawah

<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 :






............. adalah agar tulisan tersebut selalu berada di tengah.


Untuk Teks berjalan berwarna: Tambahkan kode di depan tulisan Contoh Tulisan Berjalan , kode warna #f00 bisa Anda ubah dengan kode warna lainnya. Untuk kode warna selengkapnya, Anda bisa mencarinya di Google Search.


Selamat mencoba! Jangan lupa klik iklan yang ada. Thanks.