Rabu, 04 Juli 2012

Cara Membuat Marquee/Tulisan Berjalan Di Blog

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 sahabat cahaya jangan terlalu banyak memakai marquee di blog,ntar para pengunjung bingung karena tulisan di blog sahabat 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


sahabat bisa mengganti kata "left"sesuai dengan keingginan sahabat 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>

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

1 komentar:

  1. saya sering berkunjung di blog-blog, postingan ini sangat menarik serta enak dibaca tentang cara membuat marquee tulisan berjalan.... saya berharap bisa berkunjung lagi

    BalasHapus