Ingin memenuhi permintaan salah satu sahabat yang menanyakan Bagaimana memasang histats.com melayang di Blog kita, saya tidak bisa membuat nya seperti itu. Ada yang bisa membantu? Maksud dari pertanyaan diatas adalah bagaimana memunculkan Histats seperti yang tampak pada pojok kiri bawah halaman blog Irfan handi-Hanya Ingin Berbagi. Baiklah, saya akan mencoba memberi solusi terkait masalah ini.

 

Langsung saja kita lihat code Histats yang sudah berhasil Anda pasang di sidebar Anda, seperti yang tampak pada code dibawah ini:

<!-- Histats.com  START (html only)-->
<a href="http://www.histats.com" target="_blank">
[/gigya width=”” src="http://s10.histats.com/430.swf"  flashvars="jver=1&amp;acsid=1587619&amp;domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /]</a>
<img src="http://sstatic1.histats.com/0.gif?1587619&amp;101" alt="site hit counter" border="0">
<!-- Histats.com  END  -->

Bila belum membuat widget Histats, Anda bisa mencobanya disini.

Setelah mendapat code diatas, selanjutnya kita akan memodifikasi code tersebut untuk membuatnya terlihat melayang/Floating Histats (ini istilah saya, :-) . Codenya sebagai berikut :

<a style="display:scroll;position:fixed;bottom:5px;left:5px;"> <div style="text-align:left;width:112px;height:75px;margin:0 auto;">[/gigya width=” src="http://s10.histats.com/430.swf"  flashvars="jver=1&amp;acsid=1587619&amp;domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /]</div></a></p>

Keterangan:

    1. Setelah mendapatkan kode diatas, copy semuanya lalu pastekan di Widget Text sidebar Anda tanpa judul.
    2. Code yang berwarna hijau adalah code yang Anda peroleh ketika pertama kali berhasil memunculkan Histats di sidebar Anda. Seperti biasa, hilangkan tanda garis miring yang berwarna merah [/]untuk membuat script ini bekerja.
    3. bottom:5px;left:5px  ->code yang berwarna ungu merupakan posisi histats yang akan Anda pasang, seperti contoh diatas. bottom left menunjukkan posisinya dibawah kiri dengan jarak 5 pixel dari pinggir layar monitor Anda.
    4. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi top:5px;left:5px  posisi atas kanan -> top:5px;right:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px