Cara Membuat Text Berjalan Pada Blog (Marquee)

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 TTB

Berikut kodenya:

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

2. Teks Berjalan dari kanan (Bisa diStop)

Selamat Datang di Blog TiUBlog

Berikut Kodenya:

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

3. Teks Berjalan dari Kanan

Selamat Datang di Blog TTB

Berikut Kodenya:

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

4. Teks Berjalan Bolak-Balik

Selamat Datang di Blog TTB

Berikut Kodenya:

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

5. Teks Berjalan Bolak-Balik dengan Cepat

Selamat Datang di Blog TTB

Berikut Kodenya:

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

6. Teks Berjalan Bolak-Balik (Bisa diStop)

Selamat Datang di Blog TTB

Berikut Kodenya:

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

7. Teks Berjalan ke Atas

Selamat Datang di Blog TTB

Berikut Kodenya:

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

8. Teks Berjalan ke Atas (Bisa diStop)

Selamat Datang di Blog TTB

Berikut Kodenya:

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

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

Selamat Datang di Blog TTB

Berikut Kodenya:

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

10. Teks Berjalan ke Bawah

Selamat Datang di Blog TTB

Berikut Kodenya:

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

11. Teks Berjalan dengan Variasi Huruf Berwarna Latar

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

Berikut kodenya:

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

Selamat Datang di Blog TiUBlog

</MARQUEE></b></FONT></div>

12. Teks Berjalan dengan Link



Selamat Datang di Blog TTB


Selamat Datang di Blog TTB


Selamat Datang di Blog TTB

Berikut kodenya:

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

<a href="http://kelolablog.blogspot.com" target="new">Selamat Datang di Blog TiUBlog</a><br/>

<a href="http://kelolablog.blogspot.com" target="new">Selamat Datang di Blog TiUBlog</a><br/>

<a href="http://kelolablog.blogspot.com" target="new">Selamat Datang di Blog TiUBlog</a><br/>

</marquee>

13. Teks Berjalan Bolak-Balik Vertikal dengan Warna Latar


Selamat Datang di Blog TiUBlog

Berikut Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">
Selamat Datang di Blog TiUBlog</marquee></font>

14. Teks Berjalan dari Kanan dengan Warna Latar

Selamat Datang di Blog TiUBlog

Berikut Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Selamat Datang di Blog TiUBlog</marquee></font>

15. Teks Berjalan kekiri kekanan 3 Kali

Selamat Datang di Blog TiUBlog

Berikut Kodenya:

<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px">Selamat Datang di Blog TiUBlog</marquee></font>

16. Teks Berjalan dengan Efek Bounce

Selamat Datang di Blog TiUBlog

Berikut Kodenya:

<font face="comic sans ms" color="orange" size="4"><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 TiUBlog</marquee></marquee></font>

17. Teks Berjalan dengan Efek Berhenti Jika Disentuh Kursor

Selamat Datang di Blog TiUBlog

Berikut Kodenya:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Selamat Datang di Blog TiUBlog</marquee></font>

18. Teks Berjalan dengan Link disertai dengan Warna Latar

Selamat Datang di Blog TTB
Selamat Datang di Blog TTB

Selamat Datang di Blog TTB
Selamat Datang di Blog TTB
Selamat Datang di Blog TTB

Berikut Kodenya:

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

19. Teks Berjalan 4x, Kemudian hilang

Selamat Datang di Blog TTB

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 TiUBlog dengan Keinginan anda, dan tulisan http://kelolablog.blogspot.com dengan alamat link yang anda tuju.