Monday, July 27, 2009

Membuat Efek Marquee ( Teks Berjalan )

Monday, July 27, 2009 Cah Pacing No comments

Di Sebuah blog biasanya kita melihat tulisan yang bergerak, baik dari bawah ke atas, kiri ke kanan, kanan ke kiri pokoknya bergerak. Pada Tutorial kali ini saya akan mencoba menuliskan tutorial cara membuat Teks berjalan atau yang disebut efek marquee.

Dengan membuat efek marquee ini di blog kita, blog akan terlihat lebih indah dan lebih atraktif..ceilee,,hehe. Tapi yang paling penting seh pengunjung jadi lebih perhatian dengan tulisan-tulisan yang bergerak biasanya..hehe (pendapat pribadi)


Oke Langsung aja, tag yang digunakan untuk membuat efek marquee ini adalah :

<marquee........./marquee>

Sedangkan Atribut yang biasanya dipakai untuk membuat marquee ini adalah sebagai berikut :

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

Supaya lebih jelasnya saya akan sertakan contohnya berikut ini


<marquee align="center" direction="left" scrollamount="3" height="100" width="30%">

marquee dari kiri ke kanan

</marquee>

hasilnya adalah begini :




marquee dari kiri ke kanan




Kata-kata "right" bisa anda ganti dengan "left, up, atau down".


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

Tulisan ini bolak-balik kiri kanan

</MARQUEE>

Hasilnya adalah seperti berikut



Tulisan ini bolak-balik kiri kanan

<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="100%" scrollamount="3" behavior="alternate">

Marquee dengan variasi warna font dan latar belakang

</MARQUEE></b></FONT></div>


Dan Hasilnya adalah seperti ini :





Marquee dengan variasi warna font dan latar belakang






Sudah...segitu aja contohnya. Nanti variasinya tinggal diatur sesuai dengan keinginan menggunakan atribut yang saya tuliskan diatas.

Dimana meletakkan efek marquee ini?? cara meletakkannya silahkan klik disini atau di postingan saya yang berjudul Menempatkan kode HTML pada Blogspot. Pada Postingan tersebut yang dijadikan contoh adalah meletakkan status YM, tapi meletakkan efek marquee ini pun sama saja caranya..oke..

Tutorial ini berasal dari blognya kang Rohman yang saya kemas ulang. Pinjem artikelnya kang....!! hehe


Related Post To Reading:

Menghias Blog
Posted in: , ,

0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Host