Blog Cinangka

Dengan Marquee Percantik Blog

Posted by Taufiq Rohman Sunday, October 16, 2011
Share this Article on :

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.... untuk contohnya bisa di lihat di sini

Demikian Tutorialnya semoga Bermanfaat. :)

Related Post:

Post a Comment