Monday, April 16, 2012

Cara Membuat Text Berjalan/Bergerak pada Blogspot

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Text Berjalan/Bergerak 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...
 
  • Kode untuk text bergerak (dari kiri ke kanan adalah)
<marquee>Contoh scrolling text</marquee>

Hasil untuk kode ini seperti berikut:

Contoh scrolling text

 

  • 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

 

  • Ubah warna background
Untuk ubah background, bisa diletakkan kode berikut

bgcolor="#kod warna" . Untuk mencari kode warna silahkan cari Disini

Contoh kode yang diberi background,
<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Hasil untuk kode ini adalah

Contoh scrolling text

  • 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

  • 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:

Contoh scrolling text

  • 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

Demikian blogger tutorial mengenai Cara Membuat Text Berjalan/Bergerak pada Blogspot. 

Semoga bermanfaat dan semoga berhasil. 
Terima Kasih ^_^
Share:

0 comments:

Post a Comment

blog ariel

lazada

Blog Archive

ariel adyatna. Powered by Blogger.

Labels

Blog Archive