Membuat Efek Teks Berjalan

Buat kamu-kamu yang ingin tampilan blognya ingin lebih dinamis dan menarik, dapat memanfaatkan program HTML Marquee (efek teks berjalan). Selain terlihat dinamis, efek ini juga berguna untuk menghemat tempat pada halaman blog kamu. Oheem juga pakai kok..
Berikut ini Oheem berikan panduan gratis membuat efek teks berjalan, semoga bermanfaat. Baik.. langsung saja kita mulai penjelasannya,
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan 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)

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 Oheem beri beberapa contoh marquee dan kamu bisa langsung memakainya dengan mengcopy kodenya, sedikit modifikasi dan mempastenya pada area blog kamu:

- Marquee dari kanan ke kiri, atas ke bawah atau sebaliknya

teks kamu

Silahkan copy codenya dari sini :

<div align="center"><marquee align="center" direction="right" height="200" scrollamount="2" width="100%"><br /><br />teks kamu<br /><br /></marquee></div>

ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

- Marquee menurut perilaku gerakan

ganti dengan teks kamu di sini

Silahkan copy codenya dari sini :

<div align="center"><marquee align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"><br /><br />ganti dengan teks kamu di sini<br /><br /></marquee></div>

- Marquee menurut variasi huruf dan warna dasar

ganti dengan teks kamu

Silahkan copy codenya dari sini :

<div align="center"><span style=";font-family:georgia;color:White;"><b><marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="RED"> ganti dengan teks kamu </marquee></b></span></div>

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse kamu ke area marquee di bawah ini :

ganti dengan teks kamu

Silahkan copy codenya dari sini :

<div align="center"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" align="center" width="50%" height="200"><br /><br />ganti dengan teks kamu<br /><br /></marquee></div>

Contoh marquee yang di dalam nya terdapat link :

Domain Gratis
Template Blogger Gratis
Web Hosting Gratis

Silahkan copy codenya dari sini :

<div align="center"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"><br /><br /><a href="http://buat-blog-kamu.blogspot.com/2009/04/domain-gratis.html" target="new">Domain Gratis </a><br /><a href="http://www.finalsense.com" target="new">Template Blogger Gratis </a><br /><a href="http://oheems.blogspot.com/2009/03/free-webhosting.html" target="new">Web Hosting Gratis </a><br /><br /></marquee></div>

Eh iya..
Kalau kamu masih bingung bagaimana cara memasangnya di blog kamu, kamu bisa mengklik tutoralnya di sini sama seperti cara memasang banner pada blog.

Mungkin itu hanya beberapa contoh dari efek marquee yang dapat Oheem berikan. Kamu bisa modifikasi lebih lanjut sehingga tercipta variasi-variasi marquee lainnya.
Don't forget to check my other posts... and
Keep blogging..


Note: Buat yang tertarik bisnis internet silahkan dapatkan tutorialnya di sini