BONEK RUWET COMUNITY

terima kasih buat teman" yang sudah mampir di blog saya

Kamis, 22 November 2012

Source: http://bonekruwetcomunity.blogspot.com/2012/02/cara-membuat-navigasi-breadcrumb-di.html#ixzz2CbHChNOG

Cara Menampilkan Statistik Jumlah Posting dan Komentar

Jika pada tutorial kemarin saya share cara membuat statistik pembaca feedburner dan follower twitter, kali ini saya akan share satu widget lagi yang belum pernah ada di manapun kecuali disini. Kali ini, saya membuat sebuah widget Counter Statistik Jumlah Posting dan Komentar.
Satu lagi, untuk sobat blogger. Pada widget ini sobat tidak perlu untuk pusing - pusing mengganti background yang cocok dengan blog sobat. Mengapa? Karena widget ini sudah saya rancang sedemikian rupa agar warna background nya berwarna Transparan agar bisa cocok dengan semua latar blog sobat.
Berikut ini adalah gambar / screenshot dari widget tersebut :


Bagaimana? Bukankan bagus sekali (kalau menurut saya) widget seperti di atas? dan mungkin widget tersebut tidak akan ada di manapun kecuali disini. Jika sobat blogger berminat untuk menambahkan widget seperti ini, silahkan ikuti langkah - langkah berikut :
  • Pertama - tama, Masuk ke Blogger, dan Klik Tata Letak,
  • Lalu, Klik Tambah Gadget,
  • Selanjutnya, Klik icon "+" pada HTML/Javascript, dan Copy Paste Script dibawah,
<div class="widget-content"><div name="Posting Diterbitkan" style="margin-top: 5px; float: left; width: 160px; height: 50px;">   <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px; height: 46px; background: url(&quot;http://hostfileprofessional.16mb.com/images/1posting.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: 10px; float: left; width: 160px; height: 50px;">   <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px; height: 46px; background: url(&quot;http://hostfileprofessional.16mb.com/images/1comentar.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>              <span style="float: right; font-size: 12px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;"><small><script language='javascript'   type='text/javascript'   src='http://hostfileprofessional.16mb.com/files/widget1.js'></script></small></span></div>
  •  Setelah semua langkah di atas selesai, silahkan klik Save, dan lihat hasilnya.

Untuk Download Artikel Klik Gambar

Tidak ada komentar:

Posting Komentar