Membuat Teks Berjalan (Marquee)

Cara Buat Teks Marquee (Teks Berjalan)

Salam jumpa para surfer di dunia maya..setelah beberapa artikel yang sudah saya buat dalam postingan yang lalu tentunya anda semua pasti sudah dapat memulai belajar pembuatan blog anda yang perdana. Kali ini saya akan berbagi info dan ilmu lagi untuk menambah/mempercantik penampilan Blog yang sudah anda buat tersebut salah satunya yaitu dengan menambahkan suatu efek tertentu (marquee/teks berjalan) pada tulisan yang akan anda tambahkan di Blog anda tersebut.

Sama seperti yang anda pernah lihat dalam suatu siaran media massa (Televisi) banyak yang menggunakan efek tulisan/teks berjalan (marquee) tersebut.
Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung pada teks itu akan lebih terfokus. Jadi buat anda yang ingin membuat sebuah pengumuman, pembeitahuan atau catatan penting, sebaiknya menggunakan efek marquee.
Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu "<marquee> Teks anda Disini... </marquee>". Berikut ini kode marquee beserta contohnya:

• Teks berjalan ke kiri

<marquee direction="left"> Teks anda disini... </marquee>

Teks berjalan ke kiri 

• Teks Berjalan ke kanan

<marquee direction="right"> Teks anda disini... </marquee>

Teks berjalan ke kanan 

• Teks berjalan ke atas

<marquee direction="up"> Teks anda disini... </marquee>

Teks berjalan ke atas 

• Teks berjalan ke bawah

<marquee direction="down"> Teks anda disini... </marquee>

Teks berjalan ke bawah 

• Teks berjalan bolak balik (Ke kiri dan ke kanan)

<marquee behavior="alternate"> Teks anda disini... </marquee>

Teks berjalan bolak balik (kanan kiri) 

• Teks berjalan Zig-Zag

<marquee direction="up" behavior="alternate"><marquee behavior="alternate"> Teks anda disini... </marquee></marquee>

Teks berjalan zigzag 

• Teks berhenti ketika diarahkan Cursor

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

Teks berhenti ketika diarahkan cursor

• Menambahkan warna background pada teks

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

 
Menambahkan warna background pada teks

• Mengatur kecepatan teks berjalan

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

Mengatur kecepatan teks berjalan

• Mengatur lebar teks berjalan

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

 

Mengatur lebar teks berjalan

Nah para surfer demikianlah cara pembuatan untuk teks berjalan/marquee untuk menambah penampilan blog anda lebih cantik dan menarik... Baca juga Cara membuat Link Nudging/Link Bergoyang di Blog anda
Jika ada kritik,saran,dan pertanyaan silahkan tuliskan di form komentar blog ini ya..
SALAM dan TERIMAKASIH....