Cara Membuat Marquee/Tulisan Berjalan Di Blog

Kamis, 12 April 2012




Panduan Blogspot kali ini akan membahas cara membuat marquee/tulisan berjalan di blog.Marquee/tulisan bergerak ini sangat diminati para blogger,karena tampilannya yang dinamis dan sangat menarik untuk di lihat.Tetapi sobat jangan terlalu banyak memakai marquee di blog,ntar para pengunjung bingung karena tulisan di blog sobat pada berjalan,hehe,,,.Cara membuatnya juga cukup mudah,apa saja yang dibutuhkan untuk membuat marquee?.Langsung saja kita mulai bahasan cara membuat marquee/tulisan berjalan di blog.

Marquee ini bisa di buat dengan menggunakan tag <marque>.....</marque>
Atribut yang biasa di gunakan adalah :
DIRECTION="left,right,up,down"-->Mengatur arah gerakan teks

BGCOLOR="Warna"-->Untuk mengatur warna background (latar belakang) teks

BEHAVIOR="scroll,slide,alternate"-->untuk mengatur prilaku gerakan

scroll-->teks bergerak berputar
slide-->teks bergerak sekali lalu berhenti
alternate-->teks bergerak bolak-balik

SCROLLAMOUNT="angka"-->mengatur kecepatan dalam pixel,semakin besar angka semakin cepat gerakannya.

WIDTH="Lebar"-->mengatur lebar blok teks dalam pixel atau persen.

Biar lebih jelas,ayo kita lihat contoh di bawah ini :

Contoh marque dari gerakan

<marquee  align="center" direction="left"  height="200"  scrollmount="2"  width="40%">
marque dari kiri kekanan
</marquee>


marquee dari kiri kekanan

sobat bisa mengganti kata "left"sesuai dengan keingginan sobat dengan "right,up,down"

Contoh marque berdasarkan prilaku gerakan :

<marquee  align="center" direction="left"  height="200"  scrollmount="2"  width="70%" behavior="alternate">
marque bolak-balik
</marquee>


marquee bolak-balik


Contoh marquee dengan latar belakang
<div align="left">
<font face="georgia"  color="white"><b><marquee  bgcolor="Black" width="70%"  scrollamount="3"  behavior="alternate">
marque dengan latar belakang
</marquee></b></font></div>

marque dengan latar belakang

Contoh marquee yang di dalamnya terdapat link
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://www.andreykusanagi.com/" target="new">Panduan Blogspot</a>


<a href="http://www.andreykusanagi.com/" target="new">Download Software Gratis </a>


<a href="http://www.andreykusanagi.com"/" target="new">Blogger Keren </a>


</marquee>



Panduan Blogspot


Download Software Gratis


Blogger Keren



Sepertinya hanya itu saja contoh yang bisa saya berikan.Silahkan sobat otak-atik sendiri agar muncul variasi baru.Selamat bereksperimen.

Sumber :  http://www.andreykusanagi.com/2011/10/cra-membuat-marquetulisan-berjalan-di.html

Tidak ada komentar:

Posting Komentar