Cara Membuat Efek Berjalan 'Marquee'

Mungkin sobat pernah perhatikan di sidebar sebelah kanan blog ini ada widget 'RECENT COMMENTS' yang bergerak ke bawah. Diantar sobat yang baru pertama ngeblog pasti akan bertanya, 'itu namanya efek apa?' Itulah namanya efek 'Marquee'.

Saya sengaja pasang efek marquee agar blog saya terlihat lebih hidup. Jika sobat ingin memasangnya juga di blog sobat, silahkan copy kode HTML berikut dan pasang di blog sobat.


<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="down" scrollamount="2" align="center">

MASUKKAN KODE WIDGET/TEKS ANDA DISINI

</marquee>

Sebagai contoh, kode HTML saya seperti ini: (kode berwarna merah adalah kode untuk efek marquee dan kode biru adalah kode untuk widget.)

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="down" scrollamount="2" align="center">
<!-- Site Meter -->
<script type="text/javascript" src="http://s48.sitemeter.com/js/counter.js?site=s48andreasgabe">
</script>
<noscript>
<a href="http://s48.sitemeter.com/stats.asp?site=s48andreasgabe" target="_top" rel='nofollow'>
<img src="http://s48.sitemeter.com/meter.asp?site=s48andreasgabe" alt="Site Meter" border="0"/></a>
</noscript>
<!-- Copyright (c)2009 Site Meter -->




<a href="http://www.onewaytextlink.com" rel="nofollow">Web Directories</a>

<!-- START OF ADDME LINK -->
<a href="http://www.addme.com/submission/free-submission-start.php" rel='nofollow'>Search Engine Submission - AddMe</a>
<!-- END OF ADDME LINK -->
<a href="http://www.prchecker.info/" title="Free Page Rank Tool" target="_blank" rel='nofollow'>
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3d3dy5hbmRyZXBhbmdnYWJlYW4uY29t&tag=3" alt="Free Page Rank Tool" style="border:0;" /></a>
<a href="http://www.alexa.com/siteinfo/www.andrepanggabean.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.andrepanggabean.com'></script></a>

<script>var _wau = _wau || []; _wau.push(["tab", "qdrvaok5xkzp", "mfo", "right-lower"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

<a href="https://www.facebook.com/groups/undergroundlappindo/" rel='nofollow'><img alt="carapada" src="http://i1212.photobucket.com/albums/cc460/SyndromeHacka/lappis.gif" title="LAPPIS" border="0" /></a>
<a href="https://www.facebook.com/groups/syndrome.hacka/" rel='nofollow'><img src="http://i1212.photobucket.com/albums/cc460/SyndromeHacka/syndrome-hacka-banner-1.gif" title="Syndrome-Hacka Family Code" border="0" /></a>

<a href="http://www.1madz.com/TrafficExchange/?rid=1503&splash=6" rel="nofollow">Traffic Exchange</a>

<a href="http://indonesia-blogger.com" rel='nofollow'><img src="http://www.indonesia-blogger.com/img/indonesiablogger.jpg" border="0"/></a>
</marquee>


Maka hasilnya akan seperti ini:










Web Directories


Search Engine Submission - AddMe










Traffic Exchange




Selamat mencoba! :)