EFFEK MARQUE / TEKS BERJALAN

anda tertarikz untuk membuat efek marquee / teks berjalan namun tidak tau caranya, namun anda berusaha untuk membuat nuansa hidup pada blog anda silahkan ikuti petunjuk di bawah.. sebelumnya yang perlu anda ketahui bahwa efek marquee ada beberapa macam diantaranya :

teks  bergerak kesatu arah bergerak bolak balik bergerak keatas bergerak sekali saja dll..

Beberapa attributes yang sering digunakan dalam marquee yaitu:
1. Behavior 

    untuk mengatur gaya gerakan pada teks.
   

    Ada 3 gaya gerakan yang bisa digunakan yaitu  

  

    Alternate : Teks bergerak bolak-balik 

    Slide : Teks hanya bergerak sekali saja 

    Scroll : Teks bergerak ke satu arah secara kontinu

2. Direction 

    Mengatur arah gerakan teks.
  

    Ada 4 arah gerakan yang bisa digunakan yaitu : 

  

    Up : Teks bergerak keatas 

    Down : Teks bergerak kebawah 

    Left : Teks bergerak kekiri 

    Right : Teks bergerak kekanan

3. Face 

    Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain.                           Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda


4. Color 

    Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dll.

    Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, 

    seperti:

   "#fffff", "#ff5a00", "#abb0b5", dll. Belum tau cara menghasilkan kode warna. klik 

5. Width 

    Untuk mengatur panjang ruangan teks dalam satuan pixel.


6. Height 

    Untuk mengatur lebar ruangan teks dalam satuan pixel.


7. Background 

    Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow",

    Jika Anda ingin menghilangkan warna background gunakan "transparent".


8. Scrolldelay 

    Untuk mengatur waktu tunda gerakan dalam satuan mili detik.


9. Scrollamount 

    Untuk mengatur kecepatan gerakan dalam satuan pixel.


10. Loop 

      Untuk mengatur jumlah pengulangan.


Itulah attributes² yang digunakan dalam membuat efek marquee atau teks berjalan. 

Berikut ini beberapa contoh efek marquee :

Contoh 1:

Efek teks berjalan bolak-balik

Creatifitaz.Blogspot.Com

Kodenya:

<span style="color: black; font-family: arial; font-size: medium;"><marquee behavior="alternate" bgcolor="yellow" direction="right" height="35px" scrollamount="2" scrolldelay="10" width="320px">Creatifitaz.Blogspot.Com</marquee></span>

Contoh 2:

Efek teks berjalan bolak-balik secara vertikal:

Creatifitaz.Blogspot.Com

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 3:

Efek teks berjalan kekanan secara continue:

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="times" color="black" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="50px" scrolldelay="10" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 4:

Efek teks berjalan kekiri sekali saja:

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="courier" color="black" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="50px" scrolldelay="100" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 5: 

Efek teks berjalan kekanan tiga kali

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="courier" color="black" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="50px" scrolldelay="100" bgcolor="yellow" width="320px">Creatifitaz.Blogspot.Com</marquee></font>

Contoh 6:

Efek Bounce

Creatifitaz.Blogspot.Com

Kodenya: 

<font face="comic sans ms" color="black" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="320px" scrollamount="2" height="100px" bgcolor="yellow"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Creatifitaz.Blogspot.Com</marquee></marquee></font>

Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh : 

Creatifitaz.Blogspot.Com

kodenya :

<font face="arial black" color="black" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="320" height="100" onmouseout="this.start()" bgcolor="yellow">Creatifitaz.Blogspot.Com</marquee></font>

Cara memasang Code marquee pada blog :

1. Login ID Blogger.  Klik menu Design/Rancangan

2. Click Add Gadged tambahkan  html / Javascript

3. Masukkan Code marquee yang ingin di gunakan lalu Click Save

4. Selesai..

sumber