Cara Membuat Text Berjalan (Scrolling/Marquee Text)

Terimakasih Atas Kunjungan & Perhatian Agan di blog Billy-art.blogspot.com Terus Ikutin Tutorial² Disini ya! :D

Cara Membuat Text Berjalan (Scrolling/Marquee Text) - Pagii agan² yang ganteng ini :D kali ini sebelum ke tutorial kita bahas dulu yuk. Membuat text yang bergerak seperti ini dapat menarik minat pengunjung terhadap pergerakan tersebut, pengunjung jadi tau apa yang ingin disampaikan oleh pemilik blog. selain dikenal sebagai scrolling text dikenal juga sebagai marquee text.

Walaupun pergerakan ini menarik Pengunjung, tapi tidak dianjurkan untuk dipasang ke semua bagian sisi blog loh gan :D nanti mata pengunjung jadi puyeng :v yuk sekarang langsung aja ke tutorialnya cekidott :D

1. Kode Asal. Untuk perkataan bergerak dari kanan ke kiri : 

 <marquee>Tutorial by : Billy-Art ✔</marquee>
Contoh untuk kodenya seperti ini :

Tutorial by : Billy-Art ✔


2. Ubah Pergerakan Kata.
Penambahan kode berikut diperlukan dalam kode asal : 
direction="left"
direction="right"
direction="up"
direction="down"

<marquee direction="right" >Tutorial by : Billy-Art ✔</marquee>
Berikut contoh kode untuk pergerakan dari kiri ke kanan : 

Tutorial by : Billy-Art ✔


3. Ubah Warna Background.
Untuk mengubah background perlu menambahkan kode berikut : 
bgcolor="#kodewarna"
Untuk kode lebih banyak bisa cek Disini

 <marquee direction="right" bgcolor="#99CCFF">Tutorial by : Billy-Art ✔</marquee>

Contoh kode yang telah diletakkan background :

Tutorial by : Billy-Art ✔


4. Perkataan dalam keadaan bolak-balik : 
Penambahan kode berikut diperlukan ke dalam kode asal :
behavior="elternate"

<marquee behavior="alternate" bgcolor="#99CCFF">Tutorial by : Billy-Art ✔</marquee>   
Contoh kode yang telah diletakkan trick ini :
Tutorial by : Billy-Art ✔


5. Ubah kecepatan text : 
Pergerakan dapat dirubah dengan menambah kode berikut :
scrollamount="2"

 <marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Tutorial by : Billy-Art ✔</marquee>
Contoh kode yang telah diletakkan trick ini :
Tutorial by : Billy-Art ✔

6. Jika di sentuh kursor maka text akan berhenti :
Text yang bergerak juga dapat dihentikan bila disentuh cursor. Biasanya cara ini untuk memudahkan pengunjung membaca apa yang ingin disampaikan tanpa ada gangguan :D 
*Penambahan kode yang perlu dilakukan adalah : 
onmouseover="this.stop()" onmouseout="this.start()"

Menjadi seperti ini : 

 <marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Tutorial by : Billy-Art ✔</marquee>
Contoh kode yang telah diletakkan trick ini  ( Coba agan sentuh :D )

Tutorial by : Billy-Art ✔

Cukup sekian dulu gan pembelajaran kita tentang Cara Membuat Text Berjalan (Scrolling/Marquee Text) semoga bermanfaat yaa.. kapan² dateng kesini lagi okeh :D 

Tweet