Cara buat Tulisan Bergerak Diblog

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 


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

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Christian angkouw Sobat sedang membaca artikel tentang Cara buat Tulisan Bergerak Diblog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

No comments:

Post a Comment