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:
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:
3. Teks bergerak bolak-balik : kiri -> kanan -> kiri:
<marquee behavior="alternate">Bolak Balik</marquee>
Hasilnya:
4. Teks bergerak dari bawah ke atas:
<marquee direction="up">BAWAH ke ATAS</marquee>
Hasilnya:
5. Teks bergerak dari atas ke bawah:
<marquee direction="down" width="100%" height="100">ATAS ke BAWAH</marquee>
Hasilnya:
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:
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
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..!!!
Categories:
blog