Membuat efek marquee/teks berjalan

Kali ini saya akan memberitahukan trik membuat Marquee atau teks berjalan,trik ini banyak diminati para blogger dan webmaster karena program ini menarik untuk di lihat serta dapat menghemat tempat pada blog kita. Teks berjalan ini bisa kita atur gerakannya, baik dari kiri ke kanan, kanan ke kiri, atas ke bawah maupun bawah ke atas. Selain itu, kita juga bisa memasukkan link ke dalam teks yang bergerak tersebut.
Berikut ini adalah contoh hasil dari teks berjalan atau marquee :

Keterangan:
BGCOLOR="COLOR" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

1. Marquee kanan ke kiri:
<MARQUEE align="center" direction="right" height="100" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>
Hasilnya:


marquee dari kanan ke kiri


2. Teks berjalan dari kiri ke kanan dan berhenti pada saat mouse ditujukan pada teks:

<marquee onmouseover="this.stop()" onmouseout="this.start()">KIRI ke KANAN dan BERHENTI</marquee>
Hasilnya:

KIRI ke KANAN dan BERHENTI

3. Teks bergerak bolak-balik : kiri -> kanan -> kiri:

<marquee behavior="alternate">Bolak Balik</marquee>
Hasilnya:

Bolak Balik

4. Teks bergerak dari bawah ke atas:

<marquee direction="up">BAWAH ke ATAS</marquee>
Hasilnya:

BAWAH ke ATAS

5. Teks bergerak dari atas ke bawah:

<marquee direction="down" width="100%" height="100">ATAS ke BAWAH</marquee>
Hasilnya:

ATAS ke BAWAH

6. Marquee dengan variasi huruf dan latar brlakang:
<span style='font-family:arial; font-size: 14px; font-weight:bold; color:#000000;'> <marquee bgcolor='#80FF00' direction='left' height='20px' scrollamount='3' width='100%'>MARQUEE DENGAN LATAR BELAKANG</marquee></span>
Hasilnya:
MARQUEE DENGAN LATAR BELAKANG

7. Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://www.pajenk-akbar.co.cc" target="new">Pajenk Blog</a><br/>
<a href="http://www.facebook.com" target="new">facebook </a><br/>
<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>
</marquee>

Hasilnya



Pajenk Blog


facebook


Kolom iklan







Itulah beberapa contoh teks berjalan atau marquee yang bisa anda masukkan ke dalam blog, tinggal pilih mana yang ingin di masukkan.,Mau yang rata kanan atau kiri terserah lah..Atau sobat blogger bisa menggabungkan marquee dari keterangan di atas supaya lebih terlihat menarik...
selamat mencoba..!!!

Artikel Terkait