Bagaimana Cara Membuat teks berjalan - marquee ini tips nya

Written By I NYOMAN ARDIANTA on Minggu, 01 Mei 2011 | 03.16

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 :



1.Marquee dari kiri kekanan :

<marquee direction="right" scrollamount="3">

Contoh Marquee dari kiri ke kanan

</marquee><p>

Hasilnya :




Contoh Marquee dari kiri ke kanan





2.Marquee dari kanan kekiri :
<marquee direction="right" scrollamount="3">


Contoh Marquee dari kiri ke kanan

</marquee><p>

Hasilnya :





Contoh Marquee dari kiri ke kanan





3.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 :




Contoh MARQUEE dengan Gerakan bolak-balik






4.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





5.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





6.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://www.gudangnews.com/">Blogspot tutorial</a>

<a href="http://bestthemeblogger.blogspot.com/">Free blogger templates</a>

<a href="http://www.gudangnews.com/search/label/TEMPAT%20DOWNLOAD">Free software download</a>

<a href="http://www.gudangnews.com/search/label/ARTIKEL%20ANEH%20DAN%20UNIK">Info aneh dan unik</a>


</marquee>


Maka hasilnya :





Blogspot tutorial


Free blogger templates


Free software download


Info aneh dan unik








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

Tidak ada komentar:

Posting Komentar