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="50" scrollmount="2" width="40%">
marque dari kiri kekanan
</marquee>
sobat bisa mengganti kata "left"sesuai dengan keingginan sobat dengan "right,up,down"
Contoh marque berdasarkan prilaku gerakan :
<marquee align="center" direction="left" height="50" scrollmount="2" width="70%" behavior="alternate">
marque bolak-balik
</marquee>
Contoh marquee dengan latar belakang
<div align="left">
<marquee bgcolor="Red" width="70%" scrollamount="3" behavior="alternate">
<font face="georgia" color="white"><b>marque dengan latar belakang </b></font></marquee></div>
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.ruswanda.web.id/" target="new">Panduan Blogspot</a>
<a href="http://www.ruswanda.web.id/" target="new">Download Software Gratis </a>
<a href="http://www.ruswanda.web.id/" 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.
Sampai jumpa di panduan blogspot berikutnya.
Silahkan klik "LIKE" jika artikel ini bermanfaat bagi anda, terima kasih...
Categories:
BLOGGER
