Posted by : Muhamad Ridwan Jumat, 22 Februari 2013

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>

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Blogger templates

[ Vistory ]

Diberdayakan oleh Blogger.

Translate

Blog Archive

Pengikut

- Copyright © ™Feed-Lover™ -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -