Cara Membuat Text Berjalan atau Marquee Bervariasi

Pernahkah sobat melihat blog seseorang yang ada text yang bisa berjalan.Bila iya,KALAU mau memasangnya berikut cara membuatnya bagi yang berminat saja memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee. Bahasa apaan tu..? yang jelas Ingrislah.

HTML Standar yang belum di-otak-atik adalah:

<marquee>text yang kita inginkan</marquee>

text yang kita inginkan

Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa atribut yang bisa ditambahkan sebagai berikut :

BGCOLOR                = warna
DIRECTION               = Mengatur arah gerakan (left,right,up.down)
BEHAVIOR                = karakter gerakan (scrol,slide,alternate)

• scrol(teks bergerak berputar)
• slide(teks bergerak sekali lalu berhenti)
• alternate(teks bergerak dari kiri ke kanan lalu balik)

TITLE                      = pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT   = mengatur kecepatan gerakan
SCROLLDELAY       = mengatur tenggang waktu
LOOP                      = mengatur jumlah

Yang dibutuhkan untuk membuat karya seni yang bagus adalah pemahaman mengotak-atik html tersebut.Berikut beberapa html yang telah dirubah:

Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri kekanan

Arah bolak-balik

<marquee behavior="alternate" >arah bolak balik</marquee>

arah bolak-balik

Dari kanan ke kiri dengan kecepatan "15"


<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

dari kanan kekiri

Arahkan mouse text berhenti


<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

arahkan mouse text berhenti

Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

dari atas ke bawah

Dengan latar belakang warna

<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>

dari kanan ke kiri

<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>

dengan warna

Dengan gambar atau foto

<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv-NJGxPmb4iCpnUPsb39unm-Bw58AQkyDT0z-_X5TAZ0w3_SBnkyAoo_Xw4TigXrQemjkzzv_oBec0Ur18WnWKr6KX6vNBZyxI-TH39VFxB-NXEVRnhoiVA2KIcaSlsLf_zt_ccQZSR-U/s1600/logo_guestbook+Kombaghi.jpg" /></div></marquee>

Dengan Memadukan Arahan mouse text berhenti , Dengan latar belakang warna & Arah bolak-balik

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#E20303"><span style="color:#FCF7F7;">KLIK GAMBAR DI ATAS UNTUK BUKU TAMU</span></marquee>

KLIK GAMBAR DI ATAS UNTUK BUKU TAMU

Demikian lah cara membuat text berjalan atau Marquee.Bila anda mahir merubah html tsb akan terbentuk suatu karya seni yang bagus.semoga bermanfaat