Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Berikut ini ada beberapa contoh marquee yang bisa sobat gunakan untuk blog sobat.
I. Contoh Marquee dari gerakan
<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">
TEXT BERJALAN DARI KIRI KE KANAN
</MARQUEE>
TEXT BERJALAN DARI KIRI KE KANAN
</MARQUEE>
Hasilnya :
Atribut yang biasa digunakan :
- Widht = lebar blok teks dalam pixel atau persen
- Title = pesan yang akan muncul saat mouse berada di atas teks
- Direction = “left / right / up / down” untuk arah gerakan teks
- Scrollmount = kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
- Bgcolor = warna background teks
- Behavior = “scroll / slide / alternate” untuk mengatur perilaku gerakan
II. Contoh Marquee dari prilaku gerakan :
<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">
TEXT BERJALAN MENURUT PRILAKU
</MARQUEE>
TEXT BERJALAN MENURUT PRILAKU
</MARQUEE>
Hasilnya :
III. Contoh Marquee yang didalamnya terdapat link :
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/panduan-membuat-blog-di-blogspot.html">Tutorial Membuat Blog Di Blogspot</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/cara-membuat-autoblog-di-blogspot.html">Cara Membuat Autoblog di Blogspot</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/cara-nembak-keyword-paling-jitu.html">Cara Nembak Keyword Paling Jitu</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/javahostindo-web-hosting-indonesia.html">Javahostindo Web Hosting Indonesia</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/teknik-seo-on-page-permainan-html-font.html">Teknik SEO On Page Permainan HTML Font</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/berikut-ini-tips-dari-o-om-cara-membuat.html">Cara Membuat Read More Otomatis</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/cara-membuat-text-area-di-blog.html">Cara Membuat Text Area Di Blog</a>
</marquee>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/panduan-membuat-blog-di-blogspot.html">Tutorial Membuat Blog Di Blogspot</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/cara-membuat-autoblog-di-blogspot.html">Cara Membuat Autoblog di Blogspot</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/cara-nembak-keyword-paling-jitu.html">Cara Nembak Keyword Paling Jitu</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/javahostindo-web-hosting-indonesia.html">Javahostindo Web Hosting Indonesia</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/teknik-seo-on-page-permainan-html-font.html">Teknik SEO On Page Permainan HTML Font</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/berikut-ini-tips-dari-o-om-cara-membuat.html">Cara Membuat Read More Otomatis</a>
<a href="http://tutorialblogspot-seoblogger.blogspot.com/2011/03/cara-membuat-text-area-di-blog.html">Cara Membuat Text Area Di Blog</a>
</marquee>
Hasilnya :
(arahkan mouse kesini)
Selamat Mencoba Cara Membuat Efek Marquee !
dari:http://miscah.blogspot.com/2009/04/tips-membuat-efek-marquee.html
0 comments:
Post a Comment