Tuesday, January 10, 2012

Membuat text berjalan pada blogspot

Bagaimana membuat text bisa bergerak dan berjalan dari kiri ke kanan atau dari kanan kekiri. yang biasanya sering kita sebut dengan Membuat  efek Marquee pada blog....
trik code ini bisa ditaruh pada widget / sidebar blog maupun posting - an blog / entri..
berikut tutorial nya...

1. Kode untuk text bergerak (dari kiri ke kanan adalah)

<marquee>Contoh scrolling text</marquee>

hasil untuk kode ini seperti berikut:
Contoh scrolling text

2. untuk mengubah gerakan,
tambahkan code berikutl.


direction="left"
direction="right"
direction="up"
direction="down"
Berikut contoh kode penambahan untuk pegerakan dari kanan ke kiri

<marquee direction="right" >Contoh scrolling text</marquee>

hasil untuk kode ini adalah
Contoh scrolling text

3.Ubah warna background
Untuk ubah background, bisa diletakkan kode berikut
bgcolor="#kod warna"

Contoh kode yang diberi background,

<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>
Hasil untuk kode ini adalah
Contoh scrolling text

4.
Yang ini ber gerak kanan-kiri.
tambahkan kode berikut
behavior="alternate"

contoh kode yang diletakkan pada trick ini.

<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Output untuk kod ini
Contoh scrolling text

5.Ubah kecepatan bergerak pada text yang bergerak.
kecepata text juga dapat diubah dengan menambah kode berikut pada code paling atas sendiri.
scrollamount="2"

Contoh kode pada trick blog .

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>

Output:
Scrollamount :2
Contoh scrolling text

Scrollamount :4
Contoh scrolling text

6. Pause / berhenti apabila cursor diarahkan pada text.
Perkataan yang bergerak juga dapat dihentikan apabila cursor diarahkan pada text. agar pengunjung mudah untuk membaca isi dari text yang dimasukkan.
Penambahan kode yang perlu dilakukan adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kode pada blog seperti ini trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>

output untuk trick ini.
Contoh scrolling text


Selamat mencoba...

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.