Memberi Efek Teks Berjalan (Marquee) Pada Posting Blog

Selasa, 17 Agustus 2010

Marquee merupakan perintah untuk menampilkan teks berjalan. Marquee dapat menambah daya tarik pada blog kita. Sebenarnya efek marquee ini adalah kode HTML, dan kita tak terlalu sulit untuk membuatnya.

Model efek marquee ini ada beberapa macam seperti : efek teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dll. efek ini timbul karena adanya beberapa fungsi pandauan attribute. Macam-macam fungsi attribute yang sering dipakai pada Marquee antara lain :

  • Behavior, untuk mengatur gaya gerakan pada teks
Altenate yaitu teks bergerak bolak balik
Slide yaitu teks yang bergerak hanya sekali saja
Scroll yaitu teks bergerak kesatu arah secara continue
  • Ada 4 arah gerakan yang bisa digunakan yaitu :
Up yaitu teks bergerak keatas
Down yaitu teks bergerak kebawah
Left yaitu teks bergerak kekiri
Right yaitu teks bergerak kekanan
  • Face yaitu untuk mengatur font teks seperti : Arial, tahoma, times new roman, comic san ms, dll
  • Color yaitu untuk mengatur warna teks, seperti :black, red, yellow, dll
  • Widht yaitu untuk mengatur lebar ruangan teks dalam satuan pixel
  • Height yaitu untuk mengatur tinggi ruangan teks dalam satuan pixel
  • Bgcolor yaitu untuk mengatur warna background
  • Scrolldelay yaitu untuk mengatur waktu tunda gerakan dalam satuan mili detik
  • Scrolldelay yaitu untuk mengatur kecapatan gerakan dalam satuan pixel
  • Loop yaitu untuk mengatur jumlah pengulangan


Berikut contoh-contoh penggunaan efek Marquee :
Contoh 1:
Efek Teks bergerak bolak balik secara horizontal

Selamat mencoba bolak balik horizonta

Code HTML :

<font face="arial" color="blue" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="pink" width="450px">Ivan fafa</marquee></font>


Contoh 2:
Efek Teks bergerak bolak balik secara Vertikal
Selamat mencoba bolak balik vertikal

Code HTML :

<font face="verdana" color="white" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="red" width="450px">Selamat mencoba bolak balik vertikal</marquee></font>


Contoh 3:
Efek Teks berjalan kekanan secara Continue
Selamat mencoba bolak balik kekanan continue

Code HTML :
<font face="times" color="red" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="black" width="450px">
Selamat mencoba bolak balik Kekanan continue</marquee></font>


Contoh 4:
Model Efek Bounce
Model Efek Bounce
Code HTML :
<font face="comic sans ms" color="yellow" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Model Efek Bounce</marquee></marquee></font>


Contoh 5:
Teks Berhenti Jika Daerah Marquee Disentuh Mouse
Teks Berhenti Jika Daerah Marquee Disentuh Mouse

Code HTML :
<font face="arial black" color="white" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="green">Teks Berhenti Jika Daerah Marquee Disentuh Mouse</marquee></font>



contoh,
diatas hanya sebagian kecil dari Marquee, jika anda ingin menciptakan Marquee sendiri, silahkan otak atik CODE HTML Marquee.


Kalo anda uda tahu Code HTML Marquee nya, tentu anda akan menambahkanya didalam blog anda, benarkan???

Ok akan saya beri tahu caranya :
  • Pertama, kalo code html Marquee uda ada, lalu copy code tersebut
  • login ke blog anda, silahkan pastekan code tersebut ke tulisan baru atau halaman baru, atau di daerah sidebar blog anda
  • Nah jadi deh, sekarang anda silahkan lihat hasilnya...


Selamat mencobaaaaa.....
by.Ivan fafa
kasih komentarnya yah di ShoutBox Gwe

0 komentar: