Cara Membuat teks berjalan di blog



Cara Membuat teks berjalan di blog
Setelah sebelumnya saya ulaskan tentang cara memasukan gambar dengan HTML , Juga cara membuat banner, kemudian cara membuat link . Kali ini saya akan mengulas tentang cara membuat efek gerak pada teks dan gambar dengan Marquee.
Membuat tulisan bergerak

1.    Efek gerak  default
Ini tag marquee untuk efek gerak secara default/standar yaitu dari kanan kekiri .
Tagnya :
<marquee>Teks Anda</marquee>

2.    Efek gerak ke kanan
Tagnya :
<marquee behavior="scroll" direction="right" height="100" scrollamount="2" width="auto">Teks disini</marquee> 
Untuk mengganti arah teks ke kiri ganti nilai direction dengan “LEFT”, arah teks ke atas dengan “UP” Sedangkan ke bawah dengan “DOWN”
Atribut Height maksudnya adalah tinggi area teks untuk bergerak sesuai nilai direction sedangkan width adalah lebarnya. Silahkan ganti nilainya untuk mencoba.

3.    Efek gerak kekanan dan kekiri
Tagnya:
<marquee behavior="alternate">Teks Anda</marquee>
       
4.    Efek gerak cepat
Tagnya:
<marquee behavior="alternate" scrollamount="50">Teks Anda</marquee> 
Ubah nilai atribut Scrollamount dengan nilai yang anda inginkan dan anda lihat hasilnya.

5.    Efek gerak berhenti jika mouse di arahkan ke teks
Tagnya :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks  Anda</marquee>

         Silahkan anda berkreasi sendiri dengan menambahkan atribut misal pada tag marquee ke kanan, anda bisa menambahkan atribut scrollamount dengan nilai yang anda inginkan untuk mengatur kecepatan gerak teks. Pada teks turun ke bawah anda bisa menambahkan tag onmouseover="this.stop()" onmouseout="this.start()" yang jika mouse di arahkan ke teks maka teks akan berhenti. Atau anda juga bisa mengganti teks dengan link Contohnya gini. Disini saya menggunakan efek Default/standar dari kanan kekiri
<marquee><a href=http://www.formulabisnis.com/?id=amir7”>Teks Anda</a></marquee>
Hasilnya disini
Semoga membantu
Salam
Amir

Subscribe to receive free email updates:

2 Responses to "Cara Membuat teks berjalan di blog"

  1. <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://virtualcreditcardavs.blogspot.com/"><span ><b>VCC Murah/Gratis</b></span></a></marquee>

    BalasHapus