Widget Statistik Jumlah Posting dan Jumlah Komentar

Informasi Online - Sesuai dengan judul artikel, widget ini memiliki fungsi yakni menampilkan berapa banyak jumlah postingan dan jumlah komentar yang telah diterbitkan. Tampilannya lumayan menarik karena ada icon posting dan komentar sehingga terlihat ciamik.
Widget ini bisa menjadi acuan statistik suatu blog, untuk tampilannya kira-kira seperti ini:

Widget ini terinspirasi dari salah satu sobat indolaron yakni blog File Professional.
Bagaimana sobat, Anda tertarik juga untuk memasang widget ini? O.K tidak usah panjang lebar karena yang Panjang punyanya ... dan Lebar punyanya ... :p

Langkah Membuat Statistik Jumlah Postingan dan Komentar

1. Login di Blogger
2. Pilih Tata Letak » Tambah Gadget » HTML/Javascript
- Judul    : isi dengan nama widget sesuai keinginan anda atau bisa dikosongin saja
- Konten: isi dengan code berikiut

<div class='widget-content'>
<div class="widget-content">
<div name="Posting Diterbitkan" style="margin-top: 5px; float: left; width: 150px; height: 50px;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0pt; width: 44px; height: 44px; background: url(&quot;http://i1237.photobucket.com/albums/ff469/indolaron/icon/arsips.png&quot;) no-repeat scroll 0% 0% transparent;"></div>
<div name="contador" style="padding: 6px 0pt 0pt; margin: 0pt; font-size: 13px; font-weight: bold; font-family: Arial,Helvetica,sans-serif;"><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>
<p name="texto" style="padding: 0pt; margin: 5px 0pt 0pt; font-size: 10px; font-family: Arial,Helvetica,sans-serif;">Posting Diterbitkan</p>
</div>
<div name="comentarios" style="margin-top: 5px; margin-left: 5px; float: right; width: 150px; height: 50px;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0pt; width: 44px; height: 44px; background: url(&quot;http://i1237.photobucket.com/albums/ff469/indolaron/icon/koments.png&quot;) no-repeat scroll 0% 0% transparent;"></div>
<div name="contador" style="padding: 6px 0pt 0pt; margin: 0pt; font-size: 13px; font-weight: bold; font-family: arial,Helvetica,sans-serif;"><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>
<p name="texto" style="padding: 0pt; margin: 5px 0pt 0pt; font-size: 10px; font-family: Arial,Helvetica,sans-serif;">Komentar Diterbitkan</p>
</div>

Catatan:
* http://i1237.photobucket.com/albums/ff469/indolaron/icon/arsips.png
bisa ganti dengan icon artikel/posting sesuai keinginkan anda
* http://i1237.photobucket.com/albums/ff469/indolaron/icon/koments.png
bisa ganti dengan icon komentar sesuai keinginan anda
* margin-left: 5px
jarak jumlah komentar dari kiri(jarak jumlah posting - jumlah komentar)

SELAMAT MENCOBA......HAPPY BLOGGING :)