Cara Membuat Marquee/Tulisan Berjalan Di Blog

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 bahasancara 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.
Category:

0 komentar:

Post a Comment

"Komentar anda sangat bermanfaat untuk perkembangan blog ini. Jangan lupa adab berkomentar, dan jangan buang waktu untuk spam. Terima Kasih!!!."