Cara Membuat Text Berjalan Pada Blog (Marquee)

Sebelumnya saya ingin minta izin kepada sobat blogger. Apakah anda suka dengan tips ini?. Jika anda suka silahkan lanjutkan baca.
Apa sih Marquee?
Ada yang tau? Chung...chung...chung...(kata teman aku)
Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan
Berikut ini Macam-macam untuk tulisan berjalan.

1. Teks Berjalan dari kanan

Selamat Datang di Blog Omrava

Berikut kodenya:

<marquee>Selamat Datang di Blog Omrava</marquee>

2. Teks Berjalan dari kanan (Bisa diStop)

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee onmouseover="this.stop()" onmouseout="this.start()">Selamat Datang di Blog Omrava</marquee>

3. Teks Berjalan dari Kanan

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="right">Selamat Datang di Blog Omrava</marquee>

4. Teks Berjalan Bolak-Balik

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee behavior="alternate">Selamat Datang di Blog Omrava</marquee>

5. Teks Berjalan Bolak-Balik dengan Cepat

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee behavior="alternate" scrollamount="18">Selamat Datang di Blog Om Rafa</marquee>

6. Teks Berjalan Bolak-Balik (Bisa diStop)

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Selamat Datang di Blog OMRAVA</marquee>

7. Teks Berjalan ke Atas

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="up">Selamat Datang di Blog OMRAVA</marquee>

8. Teks Berjalan ke Atas (Bisa diStop)

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Selamat Datang di Blog Omrava</marquee>

9. Teks Berjalan di Tengah Ruang Kasat (ke Atas)

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Selamat Datang di Blog Omrava</marquee>

10. Teks Berjalan ke Bawah

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="down" width="100%" height="100">Selamat Datang di Blog Om Rava</marquee>

11. Teks Berjalan dengan Variasi Huruf Berwarna Latar

&ltFONT FACE="georgia" color="White">
Selamat Datang di Blog Om Rava

Berikut kodenya:

<div align="left">&ltFONT FACE="georgia" color="White"><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

Selamat Datang di Blog om Rava

</MARQUEE></div>

12. Teks Berjalan dengan Link

Selamat Datang di Blog om rava

Selamat Datang di Blog om rava

Selamat Datang di Blog om rava

Berikut kodenya:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://omrava.blogspot.com" target="new">Selamat Datang di Blog OMRAVA</a> 

<a href="http://omrava.blogspot.com" target="new">Selamat Datang di Blog OMRAVA</a> 

<a href="http://omrava.blogspot.com" target="new">Selamat Datang di Blog OMRAVA</a> 

</marquee>

13. Teks Berjalan Bolak-Balik Vertikal dengan Warna Latar

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">
Selamat Datang di Blog OMRAVA</marquee>

14. Teks Berjalan dari Kanan dengan Warna Latar

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Selamat Datang di Blog OMRAVA</marquee>

15. Teks Berjalan kekiri kekanan 3 Kali

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px">Selamat Datang di Blog OMRAVA</marquee>

16. Teks Berjalan dengan Efek Bounce

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Selamat Datang di Blog OMRAVA</marquee></marquee>

17. Teks Berjalan dengan Efek Berhenti Jika Disentuh Kursor

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Selamat Datang di Blog OMRAVA</marquee>

18. Teks Berjalan dengan Link disertai dengan Warna Latar

Selamat Datang di Blog Omrava
Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffff00" scrollamount="2" direction="up" width="100%" height="100" align="left">
<a href="http://omrava.blogspot.com">Selamat Datang di Blog OMRAVA</a> 
<a href="http://omrava.blogspot.com">Selamat Datang di Blog OMRAVA</a> 
<a href="http://omrava.blogspot.com">Selamat Datang di Blog OMRAVA</a> 
<a href="http://omrava.blogspot.com">Selamat Datang di Blog OMRAVA</a> 
<a href="http://omrava.blogspot.com">Selamat Datang di Blog OMRAVA</a> </marquee>

19. Teks Berjalan 4x, Kemudian hilang

Selamat Datang di Blog Omrava

Berikut Kodenya:

<marquee bgcolor="#f2f5a9" loop="4">Selamat Datang di Blog TTB</marquee>

Selesai deh Teman-teman, saya sudah cape. Udah dulu yah?. Sebenarnya masih banyak lagi macam-macam dari tek berjalan ini. Tapi say pikir sampai si sini dulu. Lain kalilah kita perpanjang.

Untuk pengeditan, silahkan ganti tulisan Selamat Datang di Blog OMRAVA dengan Keinginan anda, dan tulisan http://omrava.blogspot.com dengan alamat link yang anda tuju.