Cara merapikan widget visitor sidebar blog

Tweet

Kali ini kita mempelajari bagaimana cara merapikan widget sidebar visitor blog. Memang jarang-jarang blog yang membuat trick seperti ini. Kenapa? Karena banyaknya traffic feed yang membuat penulis bingung bagaimana cara merapikannya. Butuh skil yang besar dalam pemahaman seperti ini. Widget saya juga dibuatkan oleh suhu saya sendiri.

Langkah-langah dalam pembuatan widget traffic feed, Anda harus membuat akun-akun dan mendapatkan script nya :

1. histats.com
2. http://www.free-counters.co.uk/
3. http://feeds.feedburner.com
4. alexa.com
5. Flag Counter

Jika Anda bingung bagaimana cara mendapatkan Akun dan script website diatas, cukup Anda mencari saja (GOOGLING).

Langkah pembuatan :

1. Masuk ke menu Layout >> Add Gadget >> pilih HTML/Java Script
2. Masukkan kode dibawah ini

<center><table border="0" cellpadding="1"
width="200"><tbody><tr>
<td align="center">
<!-- Histats.com  START  (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="counter create hit" ><script  type="text/javascript" >
try {Histats.start(1,1976105,4,605,110,55,"00011111");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1976105&amp;101" alt="counter create hit" border="0" /></a></noscript>
<!-- Histats.com  END  -->
</td>
<td align="center">
<!-- Start of Globel Code -->
<center>
<script language="JavaScript">
var count = "odhichandra1";          // Change Your Account?
var type = "ainv";       // Change Your Counter Image?
var digits = "5";          // Change The Amount of Digits on Your Counter?
var prog = "hit";          // Change to Either hit/unique?
var statslink = "no";    // provide statistical link in counter yes/no?
var sitelink = "yes";     // provide link back to our site;~) yes/no?
var cntvisible = "yes"; // do you want counter visible yes/no?
</script>
<!-- START DO NOT TAMPER WITH ANYTHING ELSE BELOW THIS LINE FOR YOUR WEBTV & UNIX VISITORS -->
<script language="JavaScript" src="http://005.free-counters.co.uk/count-091.js">
</script>
<noscript>
<a href="http://www.free-counters.co.uk" target="_blank">
<img src="http://005.free-counters.co.uk/count-091.pl?count=odhichandra1&amp;cntvisible=no&amp;mode=noscript" alt="Free Counters" title="Free Counters" border="0" />
</a>The following text will not be seen after you upload your website,
please keep it in order to retain your counter functionality
<br /><a href="http://www.free-counters.co.uk/trackers/" target="_blank">Trackers</a><br /> <a href="http://www.free-counters.co.uk/help/counter/" target="_blank">Counter Help</a><br />
</noscript>
<!-- END DO NOT TAMPER WITH ANYTHING ELSE ABOVE THIS LINE FOR YOUR WEBTV & UNIX VISITORS -->
</center>      
<!-- End of Globel Code -->
<a href="http://feeds.feedburner.com/blogspot/frUpz"><img src="http://feeds.feedburner.com/~fc/blogspot/frUpz?bg=0099FF&amp;fg=000000&amp;anim=1&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a>
</td>
</tr>
<tr>
<td align="center">
<a href="http://flgc.info/NqDb2T"><img src="http://s10.flagcounter.com/count/dvY/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="free counters" border="0" /></a>
<td>
<a href="http://www.alexa.com/siteinfo/http://d-copy.blogspot.com/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://d-copy.blogspot.com/'></script></a>
</td>
</td></tr>
</tbody></table></center>
<div style="text-align: center;"></div>

Lakukan perubahan :
Kuning adalah script Histats
Pink adalah script Free Counters
Hijau adalah script Feed Burner
dan, Merah adalah script Alexa