Membuat Teks Berjalan

Untuk membuat pengunjung blog kita semakin betah liat2 blog kita maka gak ada salahnya kalau kamu bikin sedikit animasi pada beberapa teks atau tulisan di blog. Teks berjalan ini biasa disebut dengan Marquee.

Contoh Teks berjalan dari kanan ke kiri :

<marquee align="center" direction="left" height="100" scrollamount="2" width="100%">
marquee dari kanan ke kiri
</marquee>

Hasilnya seperti dibawah ini :


marquee dari kanan ke kiri

Ganti directionnya dengan right, up atau down

Contoh Teks berjalan bolak-balik :

<MARQUEE align="center" direction="left" height="100" scrollamount="3" width="70%" behavior="alternate">
marquee bolak-balik
</MARQUEE>

Hasilnya seperti dibawah ini :


marquee bolak-balik


Contoh Teks berjalan bolak-balik dengan beground warna :

<div align="left"><span ><b><marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="RED">
marquee dengan beground warna
</marquee></b></span></div>

Hasilnya seperti ini :

marquee dengan beground warna


Contoh marquee bila di tunjuk mouse akan berhenti :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
silahkan tunjuk ke sini
</marquee>

Hasilnya seperti dibawah ini :


silahkan tunjuk ke sini



Contoh marquee yang didalamnya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://workshop-robot.blogspot.com/2009/01/optimasi-blog-dengan-google-webmaster.html" target="new">Optimasi Blog dengan Goole Webmaster Tool</a><br/>
<a href="http://workshop-robot.blogspot.com/2009/01/google-sitemap.html" target="new">Google Sitemap</a><br/>
<a href="http://workshop-robot.blogspot.com/2009/01/menambah-meta-tag-pada-html.html" target="new">Meta Tag</a><br/>
</marquee>

Hasilnya seperti dibawah ini :

Optimasi Blog dengan Goole Webmaster Tool
Google Sitemap
Meta Tag

Comments :

1
DegDegan.duniamaya98 mengatakan...
on 

sip banget tutorial2 blognya. langsung aja aku tempel linknya di blog aku. :)

Posting Komentar

 

Komentar Terbaru

Belum gabung di blog ini? buruan gabung!