Percantik Blog dengan Marquee

http://fix-net-medalem.blogspot.com/ Artikel Fix-Net

Bagi yang Sering barmain dengan kode HTML, sudah tidak asing lagih dengan kata Marquee, yang meupakan sebuah kode untuk menampilkan text atau gambar bergerak/berjalan secara vertikal maupun Horizontal, kodenya yaitu <marquee>dan selalu di akhiri dengan </marquee> ini bisa di gunakan untuk mempercantik blog kita lho....  biasanya Ucapan Selamat Datang, atau Berita singkat, atau lainnya ada juga yang digunakan buat Link teman- teman Blogger,... bisa juga lho.. di pasang di Testimorial Friendster...
Untuk membuat Marquee, berikut contohnya: selalu di awali dengan kode <marquee> dan diakhiri dengan kode </marquee> dan memiliki beberapa perintah dan untuk menempatkan perintahnya mesti di dalam kode <marquee> berikut contohnya:

<marquee onmouseout="this.start()" direction="up" align="center" scrolldelay="500" height="100px" onmouseover="this.stop()" width="100%">Silahkan Ganti dengan kode text atau gambar yang ingin di tampilkan</marquee>

Kode yang merah merupakan kode marquee sedangkan yang miring merupakan perintah tambahan.. "pastikan untuk menambahkan perintah selalu di SPASI " berikut pnjelasannya:

onmouseout="this.start()" Text/marquee akan bergerak saat mouse berada di luar kode marquee
direction="up" merupakan arah marquee untuk bergerak ke atas, silahkan ganti UP dengan bottom right atau left 
align="center" untuk mengatur perataan jika pada text kalau untuk gambar gak perlu di pasang :d
scrolldelay="500" untuk memperlambat kecepatannya semakin besar semakin lambat.... selain itu ada juga kebalikannya yaitu scrollamount="2" semakin besar semaikin cepat.... silahkan ganti angkanya sesuai dengan selera masing-masing.
height="100px" dan width="100%" height untuk menentukan tingginya, dan width untuk lebarnya silahkan atur nilannya dan besarnya bisa dalam pixel (px) atau persen (%)

onmouseover="this.stop()" jika mouse berada di atas kode/marquee maka secara otomatis akan berhenti.... dan mulai lagi jika mouse sudah keluar dari area :)


Selain itu masih ada kode tambahan yaitu: Behavior, Bgcolor, HSPACE dan VSPACE.


 Behavior tipe pergerakan sutu marquee, dan memiliki 3 value yaitu Sroll, Slide dan Alternate. <marquee behaviour="value">....<marquee>
Contoh:
Contoh tipe Scroll Teks atau gambar akan berjalan terus menerus satu arah.... sesuai Direction nya Contoh tipe SlideTeks atau gambar berjalan sekali kemudian berhenti. Contoh tipe AlternateIni alternatif, teks/gambar akan bergerak ke kanan terus balik lagi ke kiri /ke atas terus balik lagi ke bawah dan sebaliknya.

Loop, untuk menentukan banyaknya putaran /* di internet explorer gak bisa */ silahkan tambahkan kode loop="2" misalnya untuk mengulang sebanyak 2 kali. lebih jelas bisa di lihat di sini

Bgcolor, untuk menentukan Background marquee... kodenya bgcolor="kodewarna" kode warna bisa berupa Nama warna tapi dalam bhs. inggris lho.... :D misalnnya Green, Lime, Red, blue dan lainnya atau dengan kode #ff00ff, #ff0000 dan lainnya....
<MARQUEE BGCOLOR="YELLOW">Contoh menggunakan Bgcolor warna kuning</MARQUEE>
Contoh menggunakan Bgcolor warna kuning  
HSpce dan VSpace untuk menentukan jarak horizontal maupun vertikal jika kode marquee di letakan di tengah text....