Membuat Tulisan Berjalan Marquee

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