Senin, 27 Juli 2009

Membuat Efek Marquee ( Teks Berjalan )

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


7 tanggapan:

Yasirli mengatakan...

mantep walau dikemas ulang tapi penyampaiannya cukup baik...

Unknown mengatakan...

makasih bang Arie..wah kebanggaan neh bang arie mau mampir..saya banyak belajar neh dari bang arie..

SP3 Sumsel mengatakan...

terimakasih mas atas tips nya...
mampir ya ke blog kita, walau masih orok blognya..

SP3 Sumsel mengatakan...

gimana mas cara bikin kotak coment kayak punya mas ini?, thanks

Unknown mengatakan...

wah makasih juga dah mau mampir..nanti tutorialnya menyusul ya mas..nanti kunjung balik..

mirat mengatakan...

hatur nuhun akang merque na bagus lah ok comment balik ya...

Unknown mengatakan...

sama2..hatur nuhun kang dah mau mampir disini..

Posting Komentar

Kasih komentar yaa.. Kan bisa saling berbagi jadinya. makasih..!! :-)

Review Hand Phone ©Template Blogger Green by Dicas Blogger.

TOPO