sad


Monday, January 31, 2011

Cara Membuat Text Berjalan (Marquee)

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

Agar lebih jelas akan saya sertakan contohnya :



Contoh 1:

marquee dari gerakan :


<MARQUEE align="center" direction="right"
height="200" scrollamount="2" width="30%">


marquee dari kanan ke kiri


</MARQUEE>



Hasilnya, seperti ini:





marquee dari kanan ke kiri





ganti kata "Right" dengan keinginan anda yaitu bisa : left, up, down .



Contoh 2:

Marquee dari perilaku gerakan :


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


marquee menurut perilaku


</MARQUEE>



Hasilnya seperti di bawah ini:




marquee menurut perilaku




ganti kata "Alternate" dengan keinginan anda yaitu bisa : Scroll, Slide



Contoh 3:

Variasi Mondar-mandir:


<span ><span style=" "><marquee behavior="alternate" bgcolor="blue" direction="up" height="100" scrollamount="2" scrolldelay="10" width="450"><marquee behavior="alternate" direction="left" scrollamount="2" scrolldelay="10">Teks yg mondar mandir kesono sini</marquee></marquee></span></span><br />


Hasilnya seperti di bawah ini:


Teks yg mondar mandir kesono sini


Comments
1 Comments

1 comments:

Armae said...

dulu pernah diajarin kayak gini pas belajar dreamweaver. ternyata sama tho?? ku kira gak bisa diapaki kalau di blog.. -_-'
trimakasih infonyaaa. akhirnya keluar juga postingan ini. soalnya awal visit ke blog ini langsung pengen tau gimana caranya bikin tulusan berjalan yang ada di bagian paling atas.
skali lagi trimakasiiii...