Membuat Teks Bergerak di Blog

Membuat Teks Bergerak di Blog

Bagi sobat yang belum tau cara membuat teks bergerak seperti pada berita yang menggunakan teks berjalan di televisi, di  dunia web istilah teks bergerak itu adalah marquee, teks bergerak dalam sebuah situs atau web dapat menarik si pengunjung untuk membacanya, jadi percantik lah web/blog dengan tulisan bergerak.

Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu "<marquee> Teks Disini... </marquee>". Berikut ini kode marquee beserta contohnya:

1. Teks berjalan ke kiri
<marquee> Teks disini... </marquee>
Hasilnya:
 Teks Berjalan 

2. Teks berjalan ke kanan
<marquee direction="right"> Teks disini... </marquee>
Hasilnya:
Teks Berjalan 

3. Teks berjalan ke atas
<marquee direction="up"> Teks disini... </marquee>
Hasilnya:
Teks Berjalan 

4. Teks berjalan ke bawah
<marquee direction="down"> Teks disini... </marquee>
Hasilnya:
Teks Berjalan 

5. Teks berjalan mondar mandir
<marquee behavior="alternate"> Teks disini... </marquee>
Hasilnya:
Teks Berjalan 

6. Teks berjalan zig-zag
<marquee direction="up" behavior="alternate"><marquee behavior="alternate"> Teks disini... </marquee></marquee>
Hasilnya:
Teks Berjalan 


Kode HTML di atas (marquee) bisa di kombinasikan sesuai keinginan, berikut petunjuknya.:

 1. berhenti ketika diarahkan Cursor

Kode : onMouseOver="this.stop()" onMouseOut="this.start()"
Contoh penerapan kode : <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Teks disini... </marquee>

2. Menambahkan Background pada teks berjalan

Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)
Contoh penerapan kode : <marquee bgcolor="Blue"> Teks disini... </marquee>

3. Mengatur kecepatan teks berjalan

Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)
Contoh penerapan kode : <marquee scrollamount="2"> Teks disini... </marquee>

4. Mengatur lebar teks berjalan

Kode : width="300" (Atur sendiri lebarnya. Kalau sobat blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata width menjadi hight)
Contoh penerapan kode : <marquee width="300"> Teks disini... </marquee>

Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
<marquee direction="down"> Kode Widget disini.... </marquee>

Terimakasih, semoga bermanfaat..

download now

download