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:
Kode yang merah merupakan kode marquee sedangkan yang miring merupakan perintah tambahan.. "pastikan untuk menambahkan perintah selalu di SPASI " berikut pnjelasannya:
Behavior tipe pergerakan sutu marquee, dan memiliki 3 value yaitu Sroll, Slide dan Alternate. <marquee behaviour="value">....<marquee>
Contoh:
Teks atau gambar akan berjalan terus menerus satu arah.... sesuai Direction nya Teks atau gambar berjalan sekali kemudian berhenti. Ini 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>
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..
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:
Teks atau gambar akan berjalan terus menerus satu arah.... sesuai Direction nya Teks atau gambar berjalan sekali kemudian berhenti. Ini 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>
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..
Tag :
HTML dan Java Script,
Tutorial
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
Keren thanks yo...........
oke keren blog, lam kenal
thx buat tips nya,, sangat berguna dan abek buat diaplikasikan!! udhik.blogspot.com
Maturbuwub yo kang...
:-)
mantepp dahh
Terima kasih, ini cari di google langsung ketemu maksudku
sipppppppp....
thanks bro.........
oke..thnks atas infonY..
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 ...
makasih sob tipsnya...
makasih .. udah bisa neh
tks...bagus banget
bagus tips nya!
Pertama gan..:-)
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..:)
masih newbie jd bingung T.T
mantebbbbppp bener, qu suka tu thankssss. Salam kenal bro
thx bro tipsny.... mampir juga ya ke http://prediksibolakami.blogspot.com/ hehehe makasih
thanks
kurang jelas...
hahahaa
info bagus
Klo judulnya dikasih marquee bisa gak?
visit my blog
http://astiqie.blogspot.com
http://astiqie-it.blogspot.com
thank u...
naro kode ny dmn gan?
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
Thanks.. Ilmunya...
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...:)
makasihh sopbb.,.,
Terima Kasih telah Mengunjungi Blog ini dan Silahkan tinggalkan Komentar Anda...