Cara Membuat Teks Berjalan (Marquee)

Selamat pagi teman-teman semua, di minggu pagi yang cerah ini saya ingin memberikan tutorial Cara Membuat Teks Berjalan (Marquee) di Blog. Mungkin sering dari kita pernah berkunjung di suatu web atau blog yang menggunakan teks berjalan. Mungkin sebagian dari kita udah tau bagaimana cara buatnya, tapi ada yang bertanya bagaimana cara membuatnya? Kali ini saya akan memberikan sedikit penjelasannya kepada anda. Langsung aja ya !

• Tulisan berjalan dibawah bukanlah tulisan berjalan yang berhenti apabila ada mouse di area tulisan tersebut.

1. Silahkan Login Ke Blogger
2. Pilih Tata Letak / Layout
3. Klik Tambah Gadget 
4. Pilih elemen Edit HTML/JavaScript 
5. Masukkan Kode Teks Berjalan Seperti Berikut :

1. Teks Berjalan Ke Kanan

Kode :

  <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

Hasil :

Contoh Tulisan Berjalan

2. Teks Berjalan Dari Kiri Ke Kanan

 Kode :

<marquee direction="right" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee> 

Hasil :
 Contoh Tulisan Berjalan

3. Teks Berjalan Bolak Balik

Kode : 

  <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

 Hasil :

Contoh Tulisan Berjalan 

4. Teks Berjalan Dari Atas Ke Bawah


<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Hasil :
  Contoh Tulisan Berjalan 

5. Teks Berjalan Dari Bawah Ke Atas

Kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Hasil :

Contoh Tulisan Berjalan

6.  Teks Bolak-Balik (Atas-Bawah)

Kode :


<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Hasil

 Contoh Tulisan Berjalan

7 . Teks Berjalan Zig-Zag (nembus)

Kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

Hasil

Contoh Tulisan Berjalan
8. Teks Berjalan Zig-Zag (Mantul)

Kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

Hasil

Contoh Tulisan Berjalan 

• Langkah Terakhir

Langkah yang  selanjutnya adalah mengganti tulisan :

       Contoh Teks Berjalan

Keterangan :

1. #direction="left/right/up/down" ~~> Mengatur Arah Gerakan Teks
2. #scrollamount="angka" ~~> Mengatur Kecepatan gerakan dalam pixel, semakin besar angka semakin besar gerakannya.
3. #behavior=scroll/slide/alternate" ~~> Untuk mengatur gerakan :

• Scroll ~~> Teks bergerak berputar
• Slide ~~> Teks bergerak sekali lalu berhenti
• Alternate ~~> Teks berjalan dari kiri ke kanan bolak-balik.