Cara Modifikasi Widget Statistik di Blog

karena ada yang bertanya cara membuat widget statistik seperti punya ane nih ane kasih tau cara nya..
dengan postingan sebelumnya yaitu cara merubah warna scroll di blog dengan css maka kali ini ane akan kasih tau cara modifikasi widget statistik di blog untuk demo nya liat di footer blog ini ^^

yap ini langkah-langkah nya..

1.login blogger
2.buat widget statistik (bawaan blogger) pasti udah tau kan cara nya.. :)
3.template
4.edit html
5.masukan kode berikut diatas kode ]]></b:skin>

#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}

6.sekarang cari kode ini 

• <b:widget id='Stats1' locked='false' title='total tayang laman' type='stats'/> 

atau

• <b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'> 

kalau gak ketemu juga ganti total tayang laman sesuai judul widget statistik yang tadi kita buat
7.ganti kode <b:widget id='Stats1' locked='false' title='total tayang laman' type='stats'/> sampai </b:widget> dengan kode berikut

<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>

simpan dan lihat hasil nya.. ^_^