Seringkali kita menemukan teks/kalimat yang bergerak dari kiri ke kanan/ dari kanan ke kiri/dari bawah keatas/ dari atas ke bawah / bahkan terkadang kita melihat sebuah teks melayang-layang di blog. Buat Sobat yang baru mengenal blog atau pemula, mungkin masih memerlukan dan membutuhkan postingan saya. Untuk membuat berbagai macam teks bergerak kuncinya adalah marquee
Contoh teks tersebut adalah sebagaimana dibawah ini :
1. Teks bergerak dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center">Contoh Teks Bergerak</marquee>
Akan menghasilkan teks Sbb:
2. Teks bergerak dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Teks Bergerak </marquee>
Akan menghasilkan teks Sbb:
3. Teks bergerak dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Teks Bergerak </marquee>
Akan menghasilkan teks sbb:
4. Teks Bergerak dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Teks Bergerak </marquee>
Akan menghasilkan Teks Sbb:
5. Teks Bergerak dari Atas ke Bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Teks Bergerak </marquee>
Akan Menghasilkan Teks Sbb:
6. Teks Bergerak dari Bawah Ke Atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Teks Bergerak</marquee>
Akan Menghasilkan Teks Sbb:
7. Teks Bergerak Mondar-Mandir dari kiri ke kanan memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Teks Bergerak</marquee></marquee></center
Akan Menghasilkan Teks Sbb:
8. Teks Bergerak Mondar Mandir dan menembus dinding
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Teks Bergerak </marquee></marquee></center>
Akan Menghasilkan Teks Sbb:
9. Untuk membuat teks bergerak dengan background, padding, border, color, pada marquee, bisa Anda sisipkan kode marquee antara kode berikut :
<div style="background: red; border: 2px solid blue; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;"><marquee direction="left" scrollamount="6" align="center">Contoh Teks Bergerak</marquee></div>
Hasilnya adalah sbb:
10. Untuk membuat teks tersebut link ke URL yang kita inginkan caranya adalah sbb:
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;"><marquee direction="left" scrollamount="6" align="center"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-membuat-teks-berjalan-pada-blog.html"/>Cara Membuat Teks Link ke alamat URL</a></marquee></div>
Dan hasilnya adalah sbb:
Adapun Cara memasangnya di Blog adalah sbb:
1. Login ke Akun blogger Sobat
2. klik Tata Letak
3. Pilih Add Gadget.
4. Pilih HTML/Java Script/ silahkan Sobat Copas salah satu Marquee di atas
5. Kemudian klik Simpan dan lihat hasilnya.
Keterangan :
Direction : untuk mengatur pola gerakan teks (kiri,kanan,atas,bawah)
Scrollamount : untuk mengatur kecepatan gerakan teks.
Behavior ( scroll/slide/alternate ): untuk mengatur gerakan.
