Menebar ilmu | berbagi informasi | dan tegakan sunah

Cara Membuat teks berjalan - marquee


Membuat teks berjalan atau marquee bisa kita buat dengan maksud memperindah tampilan blog kita, teks berjalan ini bisa kita manfaatkan untuk memasang headline atau juga dapat kita gunakan untuk menjalankan link agar pengunjung langsung tertuju pada teks atau link tersebut karena tertarik perhatian dengan teks berjalan atau marquee. selain itu kita bisa menghemat tempat pada blog kita jika kita ingin menggunakan seperti blogroll, atau banner.
Efek dari teks marquee ini akan mampu membuat teks yang anda buat ini berjalan dari kekiri kekanan, dari atas kebawah dan begitu sebaliknya andapun bisa mengatur kecepatan daripada teks marquee tersebut. bagaimana untuk membuat teks marquee tersebut dibawah ini contohnya :

Marquee dari kiri kekanan :

<marquee direction="right" scrollamount="3">
Marquee dari kiri ke kanan
</marquee><p>
Marquee dari kanan kekiri :
<marquee direction="right" scrollamount="3">
Marquee dari kiri ke kanan
</marquee><p>
Marquee dengan gerak bolak-balik :
<MARQUEE align="center" direction="left" height="100" scrollamount="3" width="70%" behavior="alternate">
MARQUEE dengan Gerakan bolak-balik
</MARQUEE>
Marquee dari bawah keatas :
<marquee direction="up" scrollamount="2″ height="50″ width="50%">
Marquee dari bawah keatas
</marquee><p>
Marquee dari atas kebawah :
<marquee direction="down" scrollamount="2″ height="50″ width="50%">
Marquee dari atas kebawah
</marquee><p>
Marquee menggunakan background hitam dan putih :
<font color="white"><marquee direction="right" scrollamount="2" bgcolor="black">
Marquee dengan menggunakan background hitam dan warna font putih
</font></marquee><p>

Variasi lain dari teks marquee ini yaitu ketika mouse didekatkan pada teks tersebut maka teks tersebut akan berhenti dan kemudian akan berjalan lagi ketika mouse dijauhkan dari teks ini dapat dipergunakan untuk menjalankan link:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Arahkan mouse anda kesini
</marquee>
Marquee yang di dalamnya terdapat llink 
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
<a href="http://url agan.blogspot.com">Blogspot tutorial</a>
<a href="http://templatemaxs.com">Free blogger templates</a>
<a href="http://freetopfiles.co.cc">Free software download</a>
<a href="http://spot-id.co.cc">Informations online</a>
</marquee>
"rubah teks yang berwarna hijau dengan teks atau link anda,

Hanya itu yang bisa saya informasikan pada sobat semuanya, selamat mencoba dengan kreasi yang lebih menarik sesuai dengan selera anda sendiri.

nb :
  • BGCOLOR="warna" : Untuk mengatur warna background (latar belakang) teks
  • DIRECTION="left/right/up/down" : Mengatur arah gerakan teks
  • BEHAVIOR="scroll/slide/alternate" : Untuk mengatur tingkah laku teks yang dimaksud
  • Scroll : teks bergerak secara berputar
  • Slide : teks bergerak sekali lalu berhenti
  • Alternate : teks bergerak dari kiri kekanan lalu balik lagi
  • 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


ARTIKEL TERKAIT:

Tidak ada komentar:

Posting Komentar