Membuat efek Marquee
wkwkwkkw..... tertawa tp ada hasil nya...p kah tue? ne dia teks berjalan verse newbe alias gwe....hehehehe... tertawa lg... suks2 dunk...:P ok lanjut....==========>
Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.
Atribut yang sering di gunakan adalah :
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
ok less talk do more===========>
Agar lebih jelas akan saya sertakan contohnya :
Contoh marquee dari gerakan :
hasilnya :
marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Contoh marquee dari perilaku gerakan :
marquee menurut perilaku
marquee menurut perilaku
Contoh marquee dengan variasi hurup dan warna latar belakang :
hasilnya :
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.
Atribut yang sering di gunakan adalah :
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
ok less talk do more===========>
Agar lebih jelas akan saya sertakan contohnya :
Contoh marquee dari gerakan :
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</MARQUEE>
hasilnya :
marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Contoh marquee dari perilaku gerakan :
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
marquee menurut perilaku
</MARQUEE>
marquee menurut perilaku
Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
</MARQUEE></b></FONT></div>
hasilnya :
marquee dengan variasi hurup
Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
silahkan tunjuk ke sini
</marquee>
hasilnya :
silahkan tunjuk ke sini
Contoh marquee yang di dalam nya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>
<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>
<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>
</marquee>
hasilnya :
WWKWKWKWKKWKWKKWKWKKW
SUKA GWE LH.....
tp jng sampe salah kode nya sob..... ntar klu salah hasil nya brantakan abieszzzz,,
ntar awaq pola sob2 salah kn... hehehe
just reminded,,,,,Mungkin itu saja beberapa contoh yang bisa saiya berikan , silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.
salam hangat dr newbe blogging.Selamat ber eksperimen
Image dalam Kode Marquee
sesuai dengan sub title ne blog so gwe bru dpt ne garapan bru... alias new , secara,, sebelumnya ne blog ngeposting about marque dengan teks berjalan,,, but hehhee sorry yaw bhs nya d capor2 deket..iyar exis seket, :P,ok lanjut deh ,d mna kali ne saiya akan ngeposting tentang membuat image dalam ode marqe. pastinya anda sdah mengenal y namanya marque ..iya bkan,,, klu anda msi baru kenal ne .. bca postingan siya sebelumnya..ok...!!!
ok less talk bekerja buanyak,,,, qt para masta dunia maya.... so qt pake jg dah,,, iyar ngetop dia,, wkwkkwkw.=======>
langsung saja yaw,,, langkah-lakah nya , verse gwe pastinya,,, STEB BY STEP newbe verse but new, hmmm.... :)
Prinsip dasarnya seperti ini :
<marquee>
Teks, links, gambar, atau apa saja yang ingin di masukan.
</marquee> (di ingat y,, sob.. )
<marquee>
Teks, links, gambar, atau apa saja yang ingin di masukan.
</marquee> (di ingat y,, sob.. )
Dari prinsip dasar diatas, maka kita hanya perlu memasukan kode gambar diantara kode marquee, sangat
sederhana. Kode marquee yang dipakai tentu saja banyak variasinya, tergantung mana yang akan di pakai. Dan tidak hanya terpatok di situ saja, kita bisa memadukan berbagai kode HTML di dalam marquee, semisal apabila teks ingin berada di tengah-tengah, rata kiri, rata kanan, rata kiri-kanan, memakai bingkai, menggunakan warna latar belakang, dan atau apa saja. Tentunya di perlukan suatu kreatifitas agar kita bisa memadukannya.
ne dia kode verse HTML nya,,,,, mari perhatin full qt,,, dibarengi senyum tentunya hmmm...............
Contoh 1* ne buat gambar biasa j, alias tanpa binkai yaw, cth nya pd blog gwe ne,,,hehhehee :)
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
<img src="http://pic50.picturetrail.com/VOL399/8403005/15651300/238003026.jpg" height="130" width="190" />
<br/><br/>
<img src="http://pic50.picturetrail.com/VOL399/8403005/15651300/237997596.jpg" height="130" width="190" />
</marquee>
so hasil nya ntar seperti yg d blog saiya ne y... sob2....
ok deh saiya yakin anda semua para pencinta marque mengerti maksud saiya,,, iya kn,,,, hiks,,, hiks,,,
ok lanjut ne contoh yg ke-2
Contoh 2* ne buat image ntar dibarengi bingkai.... tp karna saiya lbh suka yg polos2 atw yg simple2 so saiya kga pke yg ne,, jd iyar tw sob coba j ntar yaw,,,,heee ,,
ok sseperti biasa mari perhatin qt full en tersenyu sambilan... hmmm,,,,
<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="192" height="132" align="center">
<img src="http://pic50.picturetrail.com/VOL399/8403005/15651300/238003026.jpg" height="130" width="190" />
<br/>
<img src="http://pic50.picturetrail.com/VOL399/8403005/15651300/237997596.jpg" height="130" width="190" />
<br/>
<img src="http://pic50.picturetrail.com/VOL399/8403005/15651300/237997596.jpg" height="130" width="190" />
</marquee>
</td>
</tr>
</table>
</td>
</tr>
</table>
hmmm, ok ckup dengan langkah yg simple dan mudah blog anda sudah di hiasi image verse marque tw marqe verse image,,, ihhh,,,,,,, sama j pon,,, hehehe......
ingat y,, sob penggunaan code nya jangan mpe salah.... ntar blog nya sob brantakan abiezzzzzzzzzzzzz,,,,wkwkwkwk :P... en sprti biasanya kepp try z,,,,,
Good job en selamat berexperiment,, hehehe acem ilmu eksak j,,,,,
salam hangat dr saiya buat smua,,, Newbe But New ==========>
0 komentar:
Post a Comment
thanks 4 u e'r comment