Modifikasi Widget Statistik Blog

Selamat Pagi sobat Blogger :) Di pagi hari ini dengan cuaca yang sedikit mendung, udara sejuk dan di temani dengan secangkir kopi yang hangat, saya siap untuk ngeposting tentang 'Modifikasi Widget Statistik Blog'.
Memodifikasi Widget Statistik Blog sangat enak untuk di lihat bagi para pengunjung yang datang ke blog kita. Makanya perlu kita memodifikasi wiget statistik blog.
Berikut caranya:
1.Login akun Blogger
2.Pada dashboard pilih Tata Letak > Tambahkan Gadget > pilih Statistik Blog (TIDAK USAH DI GANTI NAMA ATAU DI RUBAH MODEL WIDGETNYA, LANGSUNG SAJA KLIK SIMPAN LALU KLIK SIMPAN SETELAN)
3.Masuk ke Template > Edit HTML
4.Letakkan kode berikut di atas kode ]]></b:skin>

#Stats1 ul {
margin: 10px 0;
border: 0;
pandding: 0;
}

#Stats1 li {
border-left: 4px solid #333;
margin: 0;
border: 0;
background-color: #eee;
background-image: url(http://1h3.ggpht.com/-JypPIDhQgEY/UIfUN_w0jkI/AAAAAAAABOM/s_O3VHyQS1w/s194/sprites-stats.png);
background-repeat: no-repeat;
padding: 10px 10px 10px 80px;
list-style-type: none;
}

#Stats1 h4 {
margin: 0;
font-size: 22px;
line-height: 1.2em;
color: #333;
text-shadow: none;
}

#Stats1 span {
font-size: 13px;
color: #333;
text-shadow: none;
}

#totalComments {
background-position: 0 -68px;
}

#totalCount {
backrgound-position: 0 -136px;
}

5.Kemudian cari kode seperti ini

<b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats'/>

6.Ganti kode diatas dengan kode dibawah ini

<b:widget id='Stats1' locked='false' title='Statistik' type='Stats'>
  <b:includable id='main'>
    <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>

5.Simpan Template

Semoga bermanfaat.