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 :
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
<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 :
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
Postingan
mantep walau dikemas ulang tapi penyampaiannya cukup baik...
makasih bang Arie..wah kebanggaan neh bang arie mau mampir..saya banyak belajar neh dari bang arie..
terimakasih mas atas tips nya...
mampir ya ke blog kita, walau masih orok blognya..
gimana mas cara bikin kotak coment kayak punya mas ini?, thanks
wah makasih juga dah mau mampir..nanti tutorialnya menyusul ya mas..nanti kunjung balik..
hatur nuhun akang merque na bagus lah ok comment balik ya...
sama2..hatur nuhun kang dah mau mampir disini..
Posting Komentar
Kasih komentar yaa.. Kan bisa saling berbagi jadinya. makasih..!! :-)