Cara Membuat Text Berjalan pada Blog

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

hasilnya :

 

Text berjalan dari kanan ke kiri

Anda bisa ganti kata “right” sesuai selera anda yaitu bisa : left , up, down.

2. Contoh marquee dari perilaku gerakan :

<MARQUEE align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”70%” behavior=”alternate”>

Text berjalan menurut perilaku

</MARQUEE>

Hasilnya

 

Text berjalan menurut perilaku

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>

hasilnya :


marquee dengan variasi hurup

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>

hasilnya :

 

silahkan tunjuk ke sini

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>

hasilnya

 

 

Health Tips

The Wedding

Iklan Baris Gratis

Iklan Baris SEO Friendly

Silahkan anda berkreasi sendiri, otak atik sendiri sesuai dengan keinginan anda. Anda punya pengalaman sendiri tentang Cara Membuat Text Berjalan, Jangan lupa masukkanya ya.

Berikan Tanggapan kamu yah ?

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s