Cara Membuat Marquee di Blogger

Marqueemerupakansuatu program HTML untukmembuatteksatautulisan agar dapatbergerakatauberjalan.Selaindapatmenghemattempatpadahalaman blog, program marquee inijugaterlihatmenarikkarenasifatnya yang dinamis.Marquee inidapatdibuatdenganmenggunakan tag <marquee> ... </marquee>.

Adapunatribut yang seringdigunakanadalahseperti di bawahini:

• bgcolor>>berfungsiuntukmengaturwarnabackground (latarbelakang) teks.
• direction>>untukmengaturarahgerakanteks, bisa left, right, up atau down.
• behavior>>gunanyauntukmengaturperilakugerakan, bisa scroll, slide atau alternate.
• scroll>>menunjukkanteksbergerakberputar.
• slide>>menunjukkanteksbergeraksekalilaluberhenti.
• alternate>>menunjukkanteksbergerakdarikirikekananlalubaliklagi.
• title>>yaitupesanakanmunculsaat mouse berada di atasteks.
• scrollamount>>yaituuntukmengaturkecepatangerakandalampiksel, semakinbesarangkasemakincepatgerakannya.
• scrolldelay>>berfungsiuntukmengaturwaktutundagerakandalammilidetik
• width>>untukmengaturlebarblokteksdalam pixel ataupersen.
• height>>untukmengaturtinggi area marquee.

Berikutinibeberapacontohdari marquee:

Contoh marquee darigerakan :

<marquee align="center" direction="left" height="20" scrollamount="3" width="100%">

INI ADALAH MARQUEE DENGAN DIRECTION LEFT

</marquee>

Hasilnya:





Ganti kata "left" dengankeinginanAndayaitubisaright, up, down.


Contoh marquee dariperilakugerakan :

<marquee align="center" behavior="alternate" direction="left" height="20" scrollamount="3" width="100%">

INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN

</marquee>

Hasilnyaseperti di bawahini:







Contoh marquee denganvariasihurufdanwarnalatarbelakang:

<div align="left"><span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="blue" scrollamount="3" width="100%">

MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG

</marquee></b></span></div>

hasilnya :

Berikutiniadalahvariasi lain dari marquee yaituketika mouse sedangberada di area marquee teksakanberhentidanketika mouse di geserkembaliketempat lain makateksakanbergerakkembali.

Contoh, silakanarahkan mouse Andake area marquee di bawahini:

<marquee align="center" direction="up" height="90" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">

ARAHKAN MOUSE ANDA KE SINI

</marquee>

hasilnya :






Contoh marquee yang didalamnyaterdapat link :

<marquee align="center" direction="up" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">

<a href="http://klikmunadi.blogspot.com/2011/01/daftar-isi_01.html" target="_blank">Daftar Isi</a>
<a href="http://klikmunadi.blogspot.com/2011/01/tukar-link.html" target="_blank">Tukar Link</a>
<a href="http://klikmunadi.blogspot.com/2011/05/kode-warna.html" target="_blank">KodeWarna</a>

</marquee>

hasilnya :