Cara Membuat Tulisan Berjalan (Marquee)

Membuat teks berjalan atau pun marquee text pada blog.Sebelum ini saya posting artikel
bagaimana membuat teks berkedip.

Catatan:  ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

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. Teks berjalan dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center">Teks berjalan dari kanan ke kiri</marquee>

Lihat hasinya :

Teks berjalan dari kanan ke kiri

2. Teks berjalan dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Teks berjalan dari kiri ke kanan</marquee>

Lihat hasilnya :

Teks berjalan dari kiri ke kanan

3. Teks berjalan bolak balik

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Teks berjalan bolak balik</marquee>

Lihat hasilnya :

Teks berjalan bolak balik

 4. Teks berjalan dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Teks berjalan dari atas ke bawah</marquee>

Lihat hasilnya: 

Teks berjalan dari atas ke bawah

5. Teks berjalan dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Teks berjalan dari bawah ke atas</marquee>

Lihat hasilnya: Teks berjalan dari bawah ke atas

6. Teks berjalan mondar-mandir

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Teks berjalan mondar-mandir </marquee>

Lihat hasilnya:

Teks berjalan mondar-mandir 

7. Teks berjalan zig-zag nembus

 

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Teks berjalan zig-zag nembus</marquee></marquee></center>

Lihat hasilnya:

Teks berjalan zig-zag nembus

8. Teks berjalan zig-zag mantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Teks berjalan zig-zag mantul</marquee></marquee></center>

Lihat hasilnya:

Teks berjalan zig-zag mantul

Selanjutnya adalah mengganti tulisan:

1. direction="left/right/up/down" : Mengatur arah gerakan teks.

2. scrollamount="angka" : mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

3. behavior="scroll/slide/alternate" : Untuk mengatur perilaku gerakan :

    - Scroll --> teks bergerak berputar

    - Slide--> teks bergerak sekali lalu berhenti

    - Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

4. Fungsi dari : 

   <center> ............. </center> adalah agar tulisan tersebut selalu berada di tengah.

5. Selamat Mencoba