Membuat teks berjalan - marquee

Diposting oleh RF X-OWNERS on Kamis, 21 April 2011

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">
Contoh Marquee dari kiri ke kanan
</marquee><p>
Hasilnya :
Contoh Marquee dari kiri ke kanan

Marquee dari kanan kekiri :
<marquee direction="right" scrollamount="3">
Contoh Marquee dari kiri ke kanan
</marquee><p>

Hasilnya :
Contoh Marquee dari kiri ke kanan

Marquee dengan gerak bolak-balik :
<MARQUEE align="center" direction="left" height="100" scrollamount="3" width="70%" behavior="alternate">
Contoh MARQUEE dengan Gerakan bolak-balik
</MARQUEE>

Maka hasilnya :
Gerakan bolak balik

Marquee dari bawah keatas :
<marquee direction="up" scrollamount="2″ height="50″ width="50%">
Contoh Marquee dari bawah keatas
</marquee><p>

Hasilnya :
Contoh Marquee dari bawah keatas
Marquee dari atas kebawah :


<marquee direction="down" scrollamount="2″ height="50″ width="50%">
Contoh Marquee dari atas kebawah
</marquee><p>

Hasilnya :
Contoh Marquee dari atas kebawah
Merquee dengan efek background :


<font color="white"><marquee direction="right" scrollamount="2" bgcolor="black">
Contoh Marquee dengan menggunakan background hitam dan warna font putih
</font></marquee><p>

Maka hasilnya :
Contoh Marquee dengan menggunakan background hitam dan warna font putih 

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:
Contohnya :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Arahkan mouse anda kesini
</marquee>

Maka hasilnya :

Arahkan mouse anda kesini


Marquee dengan dalamnya terdapat link:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
<a href="http://u-sup.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>

Maka hasilnya :

Blogspot tutorial
Free blogger templates
Free software download
Informations online


Hanya itu yang bisa saya tulis anda bisa berkreasi sendiri dengan yang lebih menarik sesuai dengan selera anda sendiri.
Keterangan :
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 (Wara-wiri)

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

{ 0 komentar... read them below or add one }

Posting Komentar