Minggu, 15 Desember 2013

Browse Manual » Wiring » » » » » Membuat teks berjalan marquee

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">

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

Tidak ada komentar:

Posting Komentar