DWI NANDA NQP. Diberdayakan oleh Blogger.
RSS

CARA MEMBUAT TEXT BERJALAN

Begini ceritanya :
Efek Marquee atau text yang berjalan bisa anda buat dengan menggunakan tag <marquee>…</marquee>.
Atribut yang selalu dipakai adalah :
BGCOLOR=”warna” –> 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
Untuk lebih jelasnya saya sertakan contohnya :

1. Ini adalah Contoh marquee dari gerakan :
<MARQUEE align=”center” direction=”right” height=”200″ scrollamount=”2″ width=”30%”>
Text berjalan dari kanan ke kiri
</MARQUEE>

2. Contoh marquee dari perilaku gerakan :
<MARQUEE align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”70%” behavior=”alternate”>
Text berjalan menurut perilaku
</MARQUEE>

3. Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align=”left”><FONT FACE=”georgia” color=”White”><B><MARQUEE BGCOLOR=”RED” width=”70%” scrollamount=”3″ behavior=”alternate”>
marquee dengan variasi hurup
</MARQUEE></b></FONT></div>

4. Mau membuat variasi pada efek marquee? Oke. Ada variasi yang lebih keren dari marquee, yaitu ketika mouse sedang berada di area marquee teks maka otomatis akan berhenti dan saat mouse digeser kembali ke tempat lain maka teks akan kembali bergerak. Caranya hanya menambahkan sedikit program pada kolom marquee.
Contoh, arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”50%” height=”200″ align=”center”>
silahkan tunjuk ke sini
</marquee>

5. Kemudian ini 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://bisnis-muktiplaza.blogspot.com” target=”Blog Bisnis Online”></a><br/>
<a href=”http://health-advantage.blogspot.com” target=”new”>Health Tips</a><br/>
<a href=”http://thebestweddinggallery.blogspot.com” target=”new”>The Wedding</a><br/>
<a href=”http://muktiplaza.com” target=”new”>Iklan Baris Gratis</a><br/>
<a href=”http://seo-iklanbaris.com” target=”new”>Iklan Baris SEO Friendly</a><br/>
</marquee>


Demikian tutorial blog Cara Membuat Text Berjalan

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar

My Profil

Foto saya
MAJENANG, CILACAP JAWA TENGAH, Indonesia
Nama saya DWI NANDA Alumni SMK KOMPUTAMA MAJENANG thn 2011 ... sekarang sedang mencari ilmu di berbagai tempat dan mencari jati diri

Phostinggnya

"TERIMA KASIH TELAH BERKUNJUNG DI BLOG DWI NANDA NQP"

DWI NANDA NQP