Cara buat Tulisan Bergerak Di blog

Cara buat Tulisan Bergerak Di blog

Adanya tulisan berjalan di blog mempercantik tampilan. Dengan alasan inilah banyak blog atau website yang menaruh tulisan di blognya, baik itu di homepage ataupun di postingan.

Di sini akan dijelaskan secara singkat bagaimana cara membuat tulisan berjalan di blog dengan berbagai variasi. Ada yang berjalan ke atas, ke bawah, ke kiri, ke kanan. Ada yang berjalan zig-zag, ada yang berjalan memantul, ada yang jalannya berhenti ketika disorot mouse dan lanin-lain. Anda bisa mengeditnya sendiri untuk disesuaikan dengan blog atau website Anda. Dengan sedikit kemampuan edit HTML akan mempercantik tampilan tulisan berjalan Anda.


1.Tulisan Berjalan dari Kanan ke Kiri:
<marquee behavior="scroll">Tulisan berjalan dari kanan ke kiri</marquee>

Hasilnya:
Tulisan berjalan dari kanan ke kiri

2.Tulisan Berjalan dari Kiri ke Kanan:
<marquee behavior="scroll" direction="right">Tulisan berjalan dari kiri ke kanan</marquee>

Hasilnya:
Tulisan berjalan dari kiri ke kanan

3.Tulisan Berjalan dengan Background:
<marquee bgcolor="green" style="color:white;">Tulisan berjalan dengan background</marquee>

Hasilnya:
Tulisan berjalan dengan background


4.Tulisan Berjalan ke Atas:
<marquee height="30" behavior="scroll" direction="up">Tulisan berjalan ke Atas</marquee>

Hasilnya:
Tulisan berjalan ke Atas

5.Tulisan Berjalan ke Bawah:
<marquee height="30" behavior="scroll" direction="down">Tulisan berjalan ke Bawah</marquee>

Hasilnya:
Tulisan berjalan ke Bawah

6.Tulisan Berjalan Lambat:
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan berjalan lambat</marquee>

Hasilnya:
Tulisan berjalan lambat

7.Tulisan Berjalan Mantul:
<marquee width="200" behavior="alternate">Tulisan berjalan mantul</marquee>

Hasilnya:
Tulisan berjalan mantul

8.Tulisan Berjalan Zig-zag:
<marquee behavior="alternate" direction="up" height="50px">
<marquee direction="right">Tulisan berjalan Zig-zag</marquee>
</marquee>

Hasilnya:
Tulisan berjalan Zig-zag

9.Tulisan Berjalan Bouncing Around:
<marquee behavior="alternate" direction="up" width="300" height="100">
<marquee direction="right" behavior="alternate">Tulisan berjalan Bouncing Around</marquee>

Hasilnya:
Tulisan berjalan Bouncing Around

 10.Tulisan Berjalan yang Berhenti Kalau Disorot Mouse:
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan yang berhenti kalau disorot mouse</marquee>

Hasilnya:
Tulisan berjalan yang berhenti kalau disorot mouse

Sedikit keterangan:

1. Behavior="scroll/alternate" --> Untuk mengatur perilaku gerakan:
2. Direction="left/right/up/down" --> Mengatur arah gerakan teks
3. Scrollmount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya
4. Scrolldelay="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detikAnda bisa mengotak-atik sendiri 
5. Ganti tulisan yang berwarna merah dengan kata-kata yang ingin kalian tulis

Selamat!!! Anda sudah bisa membuat tulisan berjalan atau marquee di blog