Pages

Cara Membuat Tulisan Berjalan (Marquee)


Cara Membuat Tulisan Berjalan (Marquee)

Sebelum kita membahasnya alangkah baiknya kita mengetahui terlebih dahulu apa yang dimaksud dengan marquee..?
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

berikut cara pembuatannya :

  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Marquee 1.0.0

Membuat teks berjalan dan berkedip
Marquee 1.0 ini merupakan marquee behavior standar agar teks anda bisa berjalan secara default (dari kanan ke kiri).
Tag HTML membuat teks berjalan marquee 1.0.0 :
<marquee>Teks Anda</marquee>
2. Marquee 1.0.1
Membuat teks berjalan dan berkedip
Marquee 1.0.1 adalah pengembangan dari marquee 1.0.0, Marquee ini mempunyai kelebihan jika anda arahkan mouse pada teks tersebut maka dia akan istirahat atau berhenti.
Tag HTML membuat teks berjalan marquee 1.0.1 :
<marquee onmouseover=”this.stop()” onmouseout=”this.start()”>Teks Anda</marquee>
3. Marquee 1.0.2
Membuat teks berjalan dan berkedip
Teks dengan marquee 1.0.2 ini maka akan berjalan sebaliknya yaitu dari kiri ke kanan.
Tag HTML membuat teks berjalan marquee 1.0.2 :
<marquee direction=”right”>Teks Anda</marquee>
4. Marquee 2.0.o
Membuat teks berjalan dan berkedip
Marquee 2.0.0 ini mempunyai kelebihan bolak-balik dari ruang kotak yang tidak terlihat oleh mata.
Tag HTML membuat teks berjalan marquee 2.0.0 :
<marquee behavior=”alternate”>Teks Anda</marquee>
5. Marquee 2.0.1
Membuat teks berjalan dan berkedip
Marquee 2.0.1 adalah pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif/cepat.
Tag HTML membuat teks berjalan marquee 2.0.1 :
<marquee behavior=”alternate” scrollamount=”18″>Teks Anda</marquee>
6. Marquee 2.0.2
Membuat teks berjalan dan berkedip

Marquee 2.0.2 masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 yaitu jika anda arahkan mouse pada teks tersebut maka dia akan berhenti.


Semoga Bermanfaat..


Tidak ada komentar:

Posting Komentar