Home » » Marque program

Marque program

Written By sidaurukMAphysics on Tuesday, March 29, 2011 | 7:34 AM

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 :

<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">&ltFONT 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.. )

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" />
</marquee>
</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 ==========>


 

Share this article :

0 komentar:

Post a Comment

thanks 4 u e'r comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. . - All Rights Reserved
Template Created by Creating Website
Proudly powered by Premium Blogger Template