Membuat Tulisan Berjalan Marquee

By | July 27, 2010
Rate this post

Tulisan berjalan sering dipakai para blogger untuk menghias blognya agar lebih menarik. karena dengan efek tulisan berjalan ini blog kita kelihatan menjadi lebih hidup dan juga lebih menarik. kalau masih ada yang belum bisa membuat tulisan berjalan pada blognya silahkan belajar disini ya… gratis kok….

Tulisan berjalan sebenarnya tirdiri dari dua code dasar.Dibuka dengan kode <marquee> dan ditutup dengan kode </marquee> tapi jika kita ingin mengolahnya lebih banyak bentuk berjalannya maka itulah disini yang mau aku share ke teman2….

  1. Tulisan berjalan dalam bentuk dasar (dari kanan ke kiri)
    Kode ==>> <marquee> contoh </marquee>
    Hasilnya ==>> contoh

  2. Mengatur Tulisan Berjalan dari arah mana tulisan berjalan mulai / muncul (kanan,atas,bawah)
    dengan cara menambahkan kode direction

    Kode :
    <marquee direction=”right“>TULISAN BERJALAN KANAN</marquee>
    <marquee direction=”up“>TULISAN BERJALAN NAIK</marquee>
    <marquee direction=”down“>TULISAN BERJALAN TURUN</marquee>

    Hasil kode diatas :

    TULISAN BERJALAN KANAN
    TULISAN BERJALAN NAIK
    TULISAN BERJALAN TURUN

  3. Mengatur kecepatan Tulisan berjalan

    Yaitu dengan menambahkan kode scrollamount

    Contoh Kode :

    <marquee scrollamount=”10“>TULISAN BERJALAN 10</marquee>
    <marquee scrollamount=”20“>TULISAN BERJALAN 20</marquee>
    <marquee scrollamount=”30“>TULISAN BERJALAN 30</marquee>

    Hasil kode diatas :

    TULISAN BERJALAN 10
    TULISAN BERJALAN 20
    TULISAN BERJALAN 30

  4. Membuat tulisan berjalan bolak – balik dengan cara menambahkan kode ehavior=”alternate

    Contoh kode :

    <marquee behavior=”alternate”>TULISAN BOLAK-BALIK</marquee>

    Hasil kode diatas :

    TULISAN BOLAK-BALIK

  5. Membuat tulisan berjalan berhenti ketika disentuh cursor

    dengan cara menambahkan kode onmouseover=”this.stop()” onmouseout=”this.start()”
    Contoh kode :

    <marquee onmouseover=”this.stop()” onmouseout=”this.start()”>TULISAN BERHENTI DULU</marquee>

    Lihat Hasilnya :

    TULISAN BERHENTI DULU

  6. Membuat tulisan berjalan dengan warna bacground

    dengan cara menambahkan kode bgcolor=”warna” atau bgcolor=”#kode warna” dan juga bisa mengatur warna text dengan kode style=”color:warna” .

    Contoh kode :

    <marquee bgcolor=”green” style=”color:white”>Warna text putih bacground hijau</marquee>

    Lihat Hasilnya :

    Warna text putih bacground hijau

  7. Contoh pengembangan efek tulisan berjalan lainnya :

    Contoh kode :
    <marquee behavior=”alternate”><marquee width=”150″>TULISAN BERJALAN</marquee></marquee>

    Lihat hasilnya :
    TULISAN BERJALAN

    Kode :
    <marquee behavior=”alternate” width=”10%”>>></marquee>CONTOH PANAH<marquee behavior=”alternate” width=”10%”><<</marquee>

    Hasil :
    >>CONTOH PANAH<<

    Kode :
    <marquee style="border:green 2px SOLID">CONTOH TEXTS</marquee>

    Hasil:
    CONTOH TEXTS

    Kode :
    <marquee behavior=”alternate” direction=”up” width=”95%”><marquee direction=”right” behavior=”alternate”>CONTOH ZIGZAG</marquee></marquee>

    Hasilnya :

    CONTOH ZIGZAG