Tips dan Trik Blogger

Percantik Blog dengan Marquee

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, materi referensi LOE KEREN
http://www.htmlcodetutorial.com/_MARQUEE.html Perhatian...!!! jika di firfox gak jalan silahkan coba di Internet Explorer..
44 Komentar untuk "Percantik Blog dengan Marquee"

sip mas makasih lho, penjelasanya bisa detil. thx coba ah.......

alhamdulillah de...
semalem aku langsung praktek, dan hasilnya memuaskan hehehe...

tapi blom bisa cara gdein texs nya:d

keren. lengkap broth penjelasannya

oke keren blog, lam kenal

thx buat tips nya,, sangat berguna dan abek buat diaplikasikan!! udhik.blogspot.com

Terima kasih, ini cari di google langsung ketemu maksudku

Waw... Tanks Yah Infonya.. Ini Dari Team Para Pencari Tokek Klik Ajahc Http://agrijaya.blogspot.com

thx inpo ny ...

mampir dunk http://www.rifky-site.blogger.com

tp blom ada isinya coz masi nubie ...

Ini ilmu baru nih, makasih ya.

wuih mantaps banget nih tutorial nya....
wajib banget n ih ilmunya di coba ....
maksih om

mantep gan ... visit me in www.micro-xp.co.cc

wuiihhh,..konservatif triknya !!
boleh boleh

ketemu jg akhirnya,bisa stop lagi pas lg hover.Nice post..Thank's..pinjam pake ya thread nya..:D

thank bro

mampir ke blog w
http://gratis-gratisssss.blogspot.com

nice infonya..
thank's ya..:)

mantebbbbppp bener, qu suka tu thankssss. Salam kenal bro

thx bro tipsny.... mampir juga ya ke http://prediksibolakami.blogspot.com/ hehehe makasih

Klo judulnya dikasih marquee bisa gak?

visit my blog
http://astiqie.blogspot.com
http://astiqie-it.blogspot.com

thank u...

Lumayan bro ..
Hasilnya mantap, mampir ya di blog ku skalian lihat hasilnya. :D

http://kotakberbagi.blogspot.com

makasih banyak om

keren gan ilmu nya ^_^
temen-temen semua kunjungin dan follow blog ane ya
http://smilewithismail.blogspot.com/

makasih

Kunjungi blog say, kebetulan saya baru mencoba.mOHON SARAN DAN KRITIKNYA.
Thanks...

http://saktiamaulesa96.blogspot.com

Wahhhh boleh d coba nih ... : ) nice post ...

sekalian blogwalking ahh .. visit yeaa .. : )

kazamaminoru.blogspot.com

wah bagus gan , ane langusng coba yaw agan , kalau agan ingin lihat hasilnya langsung mampir aja gan di blog ane http://nuyatha94.blogspot.com

Dunia (Download) Ebook GRATIS

detail banget mas, nyubi lagi pingin nyoba yang aneh-aneh nieh mas, tenges banget nih infonya :D
mampir diblogku mas, liat-liat & saranya ditunggu mas...:)

Terima Kasih telah Mengunjungi Blog ini dan Silahkan tinggalkan Komentar Anda...

Back To Top