Cara membuat statistik blog dengan kotak scroll

Dengan statistik blog kita dapat mengetahui jumlah pengunjung blog kita secara realtime. Bagi pengguna blogger sebenarnya tidak diperlukan lagi gadget ini di pasang di halaman blog, karena di menu dashboard blog Anda sudah disediakan juga data statistik ini, bahkan lebih lengkap lagi.

statistik blog menggunakan histats dan alexa

Tetapi mungkin Anda atau saya lebih senang bila statistik blog dapat dilihat langsung tanpa melalui dashboard.

statistik blog bawaan blogger

Untuk memasang statistik blog Anda harus daftar dulu di http://www.histats.com, setelah mendaftar tambahkan blog Anda ke situs tersebut lalu ambil script untuk dipasang di blog kita. Jika Anda belum tahu cara memasang statistik blog dengan histats.com silahkan klik disini


Berikut cara membuat statistik blog dengan kotak scroll

1. Masuk ke dashboard > layout > add gadget > html/java script.

2. masukkan script dibawah ini untuk membuat kotak scroll

<div style="overflow:auto; width:100%px; height:90px; padding:10px; border:1px solid #eee;">
<center> Masukkan script Anda disini  </center></div>

3. masukkan kode script dari histats, sehingga script Anda seperti ini (sementara kode script yang saya masukkan script histats blog saya)

<div style="overflow:auto; width:100%px; height:90px; padding:10px; border:1px solid #eee;">
<center>

<table><tbody><tr><td>

<!-- 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 statistics" ><script  type="text/javascript" >
try {Histats.start(1,2336098,4,431,112,75,"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?2336098&amp;101" alt="counter statistics" border="0" /></a></noscript>
<!-- Histats.com  END  -->

<br/>Since 22 May 2013

</td><td>

<a href="http://www.alexa.com/siteinfo/bubongtireh.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=bubongtireh.blogspot.com'></script></a>

</td><td>
</td></tr></tbody></table>

<div><script language="javascript">
try {widgeo_widget_param_r = top.document.referrer;}
catch(e) {widgeo_widget_param_r = document.referrer;}
try {widgeo_widget_param_v = top.document.location;}
catch(e) {widgeo_widget_param_v = document.location;}
widgeo_widget_param_id = '2181029';
widgeo_widget_param_nostats = '0';
</script>
<script language="javascript" src="http://www.widgeo.net/geocompteur/trackwidget.php"></script><br />
<noscript><a href="http://www.widgeo.net">widget</a></noscript>
<a href="http://www.widgeo.net"><img alt="widget" border="0" src="http://www.widgeo.net/img/logopm.png" /></a></div>

</center></div>

4. script warna biru agar posisi gambar bersebelahan, untuk sementara script warna biru boleh tidak Anda gunakan.

5. klik save, dan lihat hasilnya

Sekian cara membuat statistik blog dengan kotak scroll, artikel selanjutnya adalah Cara mengganti link di footer blog.