Modifikasi Widget Statistik Blogger

Modifikasi Widget Statistik Blogger -Widget statistik adalah widget yang berguna untuk memantau perkembangan website dan sebarapa sering website tersebut dikunjungi orang . Begitu banyak memang widget statistik dari para pihak ketiga seperti histats , StatCounter , Feedjit dan masih banyak yang lain . Sebenarnya Blogger sendiri sudah meyediakan widget ini di menu Blogger , meskipun masih memiliki kekurangan dimana ia hanya menampilkan total page views tanpa ada jumlah visitor .

Dan kali ini kita akan sedikit bermain untuk memodifikasi widget statistik bawaan blogger menjadi lebih keren dan lebih hidup . Dan jika anda sudah mahir Css , widget ini bisa anda modifikasi sendiri agar lebih keren lagi .

Fitur yang nantinya kita dapatkan dari Widget ini diantaranya :

1. Menampilkan jumlah posting
2. Menampilkan jumlah komentar
3. Menampilkan total tayangan

Jika tertarik ingin membuatnya , silahkan ikuti caranya dibawah ini .

Cara Membuat Widget Statistik Keren di Blog
Step 1:
1. Masuk ke Blogger
2. Pilih menu Layout
3. Tambah Gadget - Stats

4. Simpan setelan

Step 2:
1. Klik Menu Template
2. Masuk ke Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Tempelkan Css dibawah ini tepat diatasnya ..

#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:12px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}

Sesuaikan sendiri untuk Css tampilannya , anda masih bisa mengubah warna background dan lainnya .

5. Kemudian cari kode <b:widget id='Stats1' locked='false' title='total tayang laman' type='stats'/> .
6. Ganti kode diatas dengan Script dibawah ini

<b:widget id='Stats1' locked='false' title='' type='Stats'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <li> <h4 id='Stats1_totalPosts'>&amp;hellip;</h4> <span>Posts</span> </li> <li id='totalComments'> <h4 id='Stats1_totalComments'>&amp;hellip;</h4> <span>Comments</span> </li> <li id='totalCount'> <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4> <span>Pageviews</span> </li> </ul> <script type='text/javascript'> //<![CDATA[ function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>'); //]]> </script> </div> </b:includable> </b:widget>

Anda bisa mengganti kata yang saya beri tanda tebal untuk disesuaikan dengan kata milik anda sendiri .
7. Langkah terakhir , simpan .

Demikian ini cara Modifikasi Widget Statistik Blogger dan semoga bermanfaat.