Cara Membuat Efek Marquee

Tips dan Tutorial Blogger Hack ini membahas tentang Cara Membuat Efek Marquee pada blogger. Marquee adalah kode HTML yang bisa membuat teks bisa berjalan, dari kiri, kanan, bawah ataupun atas.

Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Berikut ini ada beberapa contoh marquee yang bisa sobat gunakan untuk blog sobat.

Atribut yang biasa digunakan :

  1. Width = lebar blok teks dalam pixel atau persen
  2. Title = pesan yang akan muncul saat mouse berada di atas teks
  3. Direction = “left / right / up / down” untuk arah gerakan teks
  4. Scrollamount = kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
  5. Bgcolor = warna background teks
  6. Behavior = “scroll / slide / alternate” untuk mengatur perilaku gerakan 
Contoh kode Marquee :

Marquee dari gerakan

<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">

TEXT BERJALAN DARI KIRI KE KANAN

</MARQUEE> 

Hasilnya :

TEXT BERJALAN DARI KIRI KE KANAN


Marquee dari prilaku gerakan :

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">

TEXT BERJALAN MENURUT PRILAKU

</MARQUEE> 

Hasilnya :



TEXT BERJALAN MENURUT PRILAKU



Marquee yang didalamnya terdapat link :

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">

<a href="http://crucut.blogspot.com/2010/10/cara-mendaftar-domain-cocc.html">Cara mendaftar domain .co.cc</a>

<a href="http://crucut.blogspot.com/2010/10/cara-backup-template-widget-dan.html">Cara Backup Template, Widget , dan Postingan Blogger</a>

<a href="http://crucut.blogspot.com/2010/09/cara-optimasi-tampilan-blog-dengan.html">Cara Optimasi Tampilan Blog Dengan Template Baru</a>
</marquee> 

Hasilnya :



Cara mendaftar domain .co.cc

Cara Backup Template, Widget , dan Postingan Blogger

Cara Optimasi Tampilan Blog Dengan Template Baru


Salam Blogger,, Semoga Bermanfaat yaw .. :)

Sumber : Miscah

1 comments:

shapel on June 15, 2022 at 6:05 PM

click over here now you can find out more navigate to these guys click for info Look At This directory

Tips and Information Online © 2011 - 2013 by Kumpulan Cara | thanks to: Google | Yahoo Indonesia | Supported by Blog Indonesia