Membuat Tulisan Berjalan (Marquee) di Blog

Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini


Teks Tulisan Berjalan Dari Kanan Ke Kiri
Teks Tulisan Berjalan Dari Kiri Ke Kanan
Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan


Lalu bagiamana cara membuat tek tulisan berjalan di blog dengan beberapa efek selain seperti pada Demo yang saya pasang diatas? Untuk membuat efek marquee pada tulisan teks di blog, silahkan pilih beberapa efek teks tulisan berjalan berikut ini

Kode: 

 <marquee direction="left" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kanan Ke Kiri</marquee>

 hasilnya di bawah ini

Teks Tulisan Berjalan Dari Kanan Ke Kiri

  


Kode: 

 <marquee direction="right" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kiri Ke Kanan</marquee>

hasilnya di bawah ini
Teks Tulisan Berjalan Dari Kiri Ke Kanan

 Kode:
 <marquee direction="right" scrollamount="2" align="center"><blink>Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee> 
 hasilnya di bawah ini
Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip



Kode:
 <marquee direction="left" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee> 
  hasilnya di bawah ini Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan

  

 Kode:
 <marquee direction="right" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri


  
 Kode:
 <marquee direction="down" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Atas Ke Bawah</marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Dari Atas Ke Bawah
Kode:
 <marquee direction="up" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Bawah Ke Atas</marquee>
 hasilnya di bawah ini

Teks Tulisan Berjalan Dari Bawah Ke Atas
Kode:
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah
 Kode:
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Tulisan Berjalan Zig Zag</marquee></marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Zig Zag
 Kode:
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Teks Tulisan Berjalan Zig Zag</marquee></marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Zig Zag
 Kode:
 <marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="up" width="100%" height="100" align="center">Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>
 hasilnya di bawah ini

Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse Kode:
 <marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="right" width="100%" height="100" align="center"><a href="/">Teks Tulisan Berjalan Dengan Link Url</a></marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Dengan Link Url

Keterangan :
Direction  : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount  : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align  : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)

Demikian postingan saya kali ini semoga bermanfaat.