Jadi Bakir Cara Gampang Menciptakan Widget Alexa Dan Histat Berdampingan

Awalnya blog ini memakai isyarat histat hidden (tersembunyi) yang aku letakkan di atas </body> di HTML agar tidak semua orang mengetahui traffic blog aku tercinta ini. Kemudian aku mencoba menampilkan widget histat di sidebar / footer, tapi alasannya yaitu lebar sidebar / footer 300px terasa kurang manis bila dipasang sendirian.

Akhirnya aku tampilkan berdampingan dengan widget dari tante alexa meski agak gendut sih, tapi gak apa lah aku pasang ajah. Namun bila dipasang apa adanya, widget keduanya tampil atas bawah.

Karena itu aku ada tips buat anda semua untuk menampilkan widget histat dan alexa berdampingan kanan kiri menyerupai blognya mas yanto (wongcungkup.com) dengan memakai fungsi tabel menyerupai dibawah ini:

 <table>
 <tbody>
 <tr>
 <td>KODE ALEXA</td>
 <td>KODE HISTAT</td>
 </tr>
 </tbody>
 </table> 

Untuk isyarat histat biasanya ada kode
<div id="histats_counter"></div>,

kemudian tambahkan isyarat CSS
style="margin-left: 10px;"
didalamnya agar tidak terlalu rapat dan lebih rapi, sehingga menjadi menyerupai ini
<div id="histats_counter" style="margin-left: 10px;"></div>
Dan secara keseluruhan menjadi menyerupai ini :

 <table><tr>
 <td><a href="http://www.alexa.com/siteinfo/URL-BLOG"<script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=URL-BLOG"></script>
 </a></td>
 
 <td> <div id="histats_counter" style="margin-left: 10px;"></div>
 <script type="text/javascript">var _Hasync= _Hasync|| [];
 _Hasync.push(['Histats.start', 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXX']);
 _Hasync.push(['Histats.fasi', '1']);
 _Hasync.push(['Histats.track_hits', '']);
 (function() {
 var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
 hs.src = ('//s10.histats.com/js15_as.js');
 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
 })();</script>
 <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/XXXXXXXXXXXXX" alt="Cara Praktis Membuat Widget Alexa dan Histat Berdampingan Kaprikornus Pintar Cara Praktis Membuat Widget Alexa dan Histat Berdampingan" /></a></noscript></td>
 </tr></table> 

Jika widget histat ada disebelah kiri, silahkan ganti CSS-nya menjadi
style="margin-right: 10px;". Jika blog anda memakai https tinggal hapus http pada url alexa diatas agar dapat tampil.

Itulah sekedar membuatkan tips kepada para sobat blogger wacana cara menciptakan widget histat dan alexa berdampingan, mungkin saja ada yang ingin mencobanya. Perlu diketahui bahwa tips ini untuk kaum blogger saja ya!