Belajar Blog Yuk. . .: Membuat widget dengan RAPI "alias enak dipandang"

12/16/2009

Membuat widget dengan RAPI "alias enak dipandang"

Diposting oleh Symoi-Selamanya

Sumber: KAk Ardi

contohnya seperti ini :

Untuk membuatnya kamu/ anda hanya memanfaatkan kode tabel (dibawah ini). Dan semuanya akan terlihat seperti diatas jika pengen copy script-nya:

,

<table>
<tr>
<td>Traffic Rank</td>
<td>:</td>
<td><a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=http://www.ardi33.web.id"><img border="0" alt="Alexa Certified Site Stats for http://www.ardi33.web.id" src="http://xsltcache.alexa.com/site_stats/gif/t/a/aHR0cDovL3d3dy5hcmRpMzMud2ViLmlk/s.gif"/></a></td></tr>

<tr>
<td>Online Visitor</td>
<td>:</td>
<td><script src="http://widgets.amung.us/small.js" type="text/javascript"></script><script type="text/javascript">WAU_small('igq8jf2qmzwn')</script></td></tr>

<tr>
<td>Blog's Rank</td>
<td>:</td>
<td><img width="120" alt="Powered by MyPagerank.Net" src="http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de510918aefd709d51d2b08c54275b0b550a1667b926a44a75"/></td></tr>

<tr>
<td>Stats</td>
<td>:</td>
<td>
<a href="http://www.histats.com" target="_blank" title="free counter with statistics"><script language="javascript" type="text/javascript">
var s_sid = 937032;var st_dominio = 4;
var cimg = 604;var cwi =110;var che =55;
</script></a>
<script language="javascript" src="http://s10.histats.com/js9.js" type="text/javascript"></script>
<noscript><a href="http://www.histats.com" target="_blank">
<img border="0" alt="free counter with statistics" src="http://s4.histats.com/stats/0.gif?937032&1"/></a>
</noscript>
</td></tr>
<tr><td valign="top" colspan="3"><script style="">
function showpostcount(json) {
document.write('Sampai saat ini ada <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b> artikel. ');}</script><script src="http://www.symoi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"/></td></tr>
</table></script></td></tr></table>

Untuk tulisan berwarna merah adalah judul, dan yang berwarna hijau adalah datanya. Silakan ganti tulisan berwarna hijau dengan data Anda. Dan juda ganti tulisan berwarna biru dengan URL blog Anda. Jika menurut Anda kurang, Anda dapat menambahkan script berikut di bawah kode </tr> yaitu sebagai berikut:

<tr>
<td>Judul</td>
<td>:</td>
<td>Data</td>
</tr>

Bagaimana? Mudah bukan? Silakan Anda praktekkan.