Kamis, 20 Januari 2011

Membuat Teks Berjalan Pada Blog

Teks berjalan sebenarnya terdiri dari dua kode dasar. Diawali dengan kode <marquee>dan diakhiri dengan kode </marquee>.

Macam-macam teks berjalan.
1. Teks berjalan dasar yaitu teks berjalan dari kanan ke kiri.
Contoh penggunaan kode : <marquee>IRAWAN</marquee>
Hasilnya :

IRAWAN

2. Teks berjalan dari berbagai arah dengan menambahkan kode direction.
Contoh penggunaan kode :
<marquee direction="right">TEKS DARI KIRI KE KANAN</marquee>
<marquee direction="up">TEKS DARI BAWAH KE ATAS</marquee>
<marquee direction="down">TEKS DARI ATAS KE BAWAH</marquee>
Hasilnya :

TEKS DARI KIRI KE KANAN TEKS DARI BAWAH KE ATAS TEKS DARI ATAS KE BAWAH

3. Teks berjalan dengan kecepatan yaitu dengan menambahkan kode scrollamount.
Contoh penggunaan kode :
<marquee scrollamount="10">TEKS BERJALAN 10</marquee>
<marquee
scrollamount="15">TEKS BERJALAN 15</marquee>
<marquee
scrollamount="30">TEKS BERJALAN 30</marquee>
Hasilnya :

TEKS BERJALAN 10 TEKS BERJALAN 15 TEKS BERJALAN 30

4. Teks berjalan mondar mandir dengan menambahkan kode behavior="alternate"
Contoh penggunaan kode :
<marquee behavior="alternate">TEKS BERJALAN MONDAR MANDIR</marquee>
Hasilnya :

TEKS BERJALAN MONDAR MANDIR


5. Teks berhenti ketika disentuh kursor mouse dengan menggunakan kode onmouseuver="this.stop()"onmouseout="this.start."
Contoh penggunaan kode :
<marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS BERHENTI KETIKA DISENTUH</marquee>
Hasilnya :

TEKS BERHENTI KETIKA DISENTUH


6. Teks dengan warna background dengan cara menambahkan kode bgcolor="warna" atau bgcolor="#kode warna" dan juga bisa mengatur warna text dengan kode style="color:warna" .
Contoh penggunaan kode :
<marquee bgcolor="blue" style="color:yellow">TEKS KUNING BACKGROUND BIRU</marquee>
Hasilnya :

TEKS KUNING BACKGROUND BIRU

7. Taks berjalan variasi.
Contoh penggunaan kode :
  <marquee behavior="alternate"><marquee width="180">TEKS BERJALAN</marquee></marquee>
Hasilnya :

TEKS BERJALAN

Contoh dengan kode :
<marquee behavior="alternate" width="10%">>></marquee>TEKS DENGAN PANAH<marquee behavior="alternate" width="10%"><<</marquee>
Hasilnya :

>>TEKS DENGAN PANAH<<


Contoh dengan kode :
<marquee style="border:blue 2px SOLID">TEKS DENGAN BORDER BIRU</marquee>
Hasilnya :

TEKS DENGAN BORDER BIRU

Contoh dengan kode :

<marquee behavior="alternate" direction="up" width="95%"><marquee direction="right" behavior="alternate">TEKS ZIGZAG</marquee></marquee>

Hasilnya :

TEKS ZIGZAG


Selamat mencoba!


Tidak ada komentar:

Posting Komentar