Sabtu, 01 Februari 2014

MEMBUAT EFEK MARQUE DI BLOG

Istilah Marquee sudah tidak asing lagi bagi para blogger dan saya sebelumnya juga masih belum begitu mengenalnya, namun mungkin bagi pemula yang baru mendengar kata marquue ini, tentunya ingin mengetahui bagaimana fungsi marquee didalam blog.

Pertanyaan, apa itu Marquee? singkatnya adalah teks atau gambar-gambar yang berjalan atau dapat bergerak secara horizontal dari kiri kekanan, kanan ke kiri,atau secara vertikal dari bawah ke atas/bolak balik, bahkan teks yang dapat berkedip-kedip.

Marquue merupakan program dalam bentuk HTML yang dapat di gunakan untuk lebih menghemat space posting di blog,juga dapat digunakan untuk memasukan link-link ke dalam Widget atau posting Anda.Program Marquee dinamis dan terlihat menarik untuk dilihat bagi pengunjung


  1. Teks bergerak dari kanan kekiri


    Teks Anda Diletakan Disini
  2. Teks bergerak dari kanan kekiri dan bila mouse diarahkan ke teks berhenti


    Teks Anda Diletakan Disini
  3. Teks bergerak dari kiri kekanan



    Teks Anda Diletakan Disini
  4. Teks bergerak bolak balik



    Teks Anda Diletakan Disini
  5. Teks bergerak bolak balik dengan sangat agresif



    Teks Anda Diletakan Disini
  6. Teks bergerak bolak balik, bila mouse diarahkan ke teks berhenti

  7. Teks bergerak dari bawah keatas



    Teks Anda Diletakan Disini
  8. Teks bergerak berkedip-kedip



    Teks Yang Akan Dibuat Berkedip-kedip
  9. Teks berwarna bergerak bolak balik



TEKS ANDA LETAKAN DISINI

Kode/Script


  1. <marquee>Teks Anda Diletakan disini</marquee>
  2. <marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda Diletakan Disini</marquee>
  3. <marquee direction="right">Teks Anda Diletakan Disini</marquee>
  4. <marquee behavior="alternate">Teks Anda Diletakan Disini</marquee>
  5. <marquee behavior="alternate" scrollamount="18">Teks Anda Diletakan Disini</marquee>
  6. <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda Diletakan Disini</marquee>\
  7. <marquee direction="up">Teks Anda Diletakan Disini</marquee>
  8. <blink>Teks Yang Akan Dibuat Berkedip-kedip</blink>
  9. <br /><div align="left"><b><marquee behavior="alternate" width="500%" scrollamount="3" bgcolor="BLUE"><br /><span style="font-weight:bold;">TEKS ANDA LETAKAN DISINI<br /></span></marquee></b></div><br />


Contoh hasil dari berbagai jenis tampilan Marquee dapat Anda gunakan sesuai dengan pilihan yang akan dimasukan kedalam blog atau Widget. Berdasarkan beberapa pilihan Marquee, sebagai dasar pengenalan atribut yang digunakan dalam program Marquee adalah sebagai berikut :

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)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> Mengatur waktu tanda gerakan dalam pixel, semakin besar angka semakin 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



Anda bisa mengatur fungsi marquee yang dikehendaki agar bisa lebih memiliki mengembangkan variasi yang lebih menarik

Tidak ada komentar:

Posting Komentar