Kamis, 06 Oktober 2011

Cara Membuat Efek Marquee (Tulisan Berjaalan)

Sobat sekalin udah tau belum Cara Membuat Efek Marquee (Tulisan Berjaalan)?? Caranya mudah kok, bagi sobat sekalian yang belum tau, tenang aja om kempul akan membahasnya di postingan kali ini. Inti dari kode HTML Marquee adalah di awali dengan tag tag <marquee> dan di akhiri tag </marquee>. Lihat contoh berikut :



marquee berjalan dari arah bawah ke atas, silahkan tunjuk ke sini


marquee dengan variasi hurup


marquee berjalan dari arah kanan ke kiri

Nah sekarang kita pelajari kode HTML nya :
  1. Kita harus memahami dulu atribut-atribut yang nanti akan kita gunakan :

    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 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

  2. Marquee yang berjalan dari arah Kanan ke Kiri :






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

    Marquee yang berjalan dari arah Kanan ke Kiri

    </MARQUEE>
  3. Marquee yang berjalan dengan arah Memantul :






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

    Marquee yang berjalan dengan arah Memantul

    </MARQUEE>
  4. Marquee dengan Mengunakan Latar :






    <div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

    Marquee dengan Mengunakan Latar



    </MARQUEE></b></FONT></div>
  5. Marquee dari arah Bawah ke Atas, jika di sorot mouse akan berhenti gerakannya.






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

    Marquee dari arah Bawah ke Atas

    </marquee>
  6. Marquee juga bisa di isi dengan link






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

    <a href="http://boso-inggris.blogspot.com/" target="new">Learn English</a><br/>

    <a href="http://updatechordgitar.blogspot.com/" target="new">Update Chord Gitar</a><br/>

    <a href="http://blog-qucluk.blogspot.com/" target="new">Bloggig </a><br/>

    </marquee>
  7. Peringatan :
    a. Direction bisa diganti sesuai dengan kebutuhan, seperti :left, right, up, down.
    b. Semua settingan seperi width, scrollamoun,height, bisa diganti sesuai kebutuhan.
    c. Jika mengiginkan didalam marquee terapat tulisan berbentuk link, sobat sekalian tinggan menulis isinya dengan ditambahi:
    <a href="alamat tujuan" target="new">Kata-kata</a>

  8. Selamat mencoba . . . Salam Blogger.,...

Tidak ada komentar:

Posting Komentar