Widget Statistik Jumlah Posting dan Komentar Blog Versi 2

Tweet

Berbeda dari widget statistik sebelumnya, widget yang menurut sumber ditemukan oleh salah satu blog yaitu fileprofesional.blogspot.com ini terdiri dari tampilan yang menarik dengan tambahan icon posting dan komen membuat widget ini terlihat berbeda. Terlepas dari siapan pun yang membuat, widget ini telah menarik hati untuk di share lebih luas ke blogger-blogger yang lain.

DEMO:

Posting

Posting Diterbitkan

Komentar

Komentar Diterbitkan

Statistik Blog

Cara Memasangnya :

• Login Blogger 
• Masuk pada menu Tata Letak 
•  Pilih tempat dimana widget ingin ditampilkan 
• Pilih HTML/Java Script 
• Copy dan paste kode berikut ini

<center>
<div class="widget-content">
<div name="Posting Diterbitkan" style="float: left; height: 50px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(&quot;http://hostfileprofessional.16mb.com/images/1posting.png&quot;) no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;">
</div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;">
<script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> Posting</div>
<div name="texto" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">
Posting Diterbitkan</div>
</div>
<div name="comentarios" style="float: left; height: 50px; margin-left: 10px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(&quot;http://hostfileprofessional.16mb.com/images/1comentar.png&quot;) no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;">
</div>
<div name="contador" style="font-family: arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;">
<script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> Komentar</div>
<div name="texto" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">
Komentar Diterbitkan</div>
</div>
<span style="float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;"><small><a href="http://gue-galau.blogspot.com/" target="_blank">Statistik Blog</a></small></span></div>
</center>

• Simpan dan lihat hasilnya 

Selamat Mencoba & Happy Blogging