Rabu, 14 November 2012

Cara Membuat Teks Berjalan di blog Full Trik



Contoh Cara Membuat Teks Berjalan di blog Full Trik Selamat mencoba   Hallo Art-Collectioners..
Kali ini ga banyak basa-basi kita akan membahas tutorial Cara Membuat teks berjalan di blog dengan cara membuat efek gerak pada teks dan gambar dengan Marquee. Membuat tulisan bergerak seperti contoh tulisan di atas itu..
ok langsung saja kita praktekin yu mari menuju TKP.. >>>


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 Kamu</marquee>
     
4.    Efek gerak cepat
Tagnya:
<marquee behavior="alternate" scrollamount="50">Teks  Kamu </marquee> 
Ubah nilai atribut Scrollamount dengan nilai yang kamu inginkan dan kamu coba lihat hasilnya.

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

         Silahkan kamu berkreasi sendiri dengan menambahkan atribut misal pada tag marquee ke kanan, kamu bisa menambahkan atribut scrollamount dengan nilai yang kamu inginkan untuk mengatur kecepatan gerak teks. Pada teks turun ke bawah kamu bisa menambahkan tag
onmouseover="this.stop()" onmouseout="this.start()" yang jika mouse di arahkan ke teks maka teks akan berhenti. Atau kamu juga bisa mengganti teks dengan link

Selamat Mencoba..

0 komentar:

Posting Komentar