Cara membuat widget statistik blogger (Modifikasi)

Ada berbagai cara yg dilakukan author blog utk mendatangkan pengunjung,yaitu dengan cara membocorkan data statistik blognya yg terdiri dari Pageviews,total post,total comment,nah kalau menurut ane widget ini "tidak terlalu berguna" karna y paling pengunjung penasaran sama total post dan pageview,

Nah sebelum kamu mengedit template ada baiknya kalian baca ini

• cara mengedit template dgn mudah 

Namun karna ane ingin berbagi ane saran kan dipikir2 dlu hehe,,dan inilah fitur-fiturnya

•     Menampilkan Jumlah postingan
•     Menampilkan Jumlah Komentar
•     Menampilkan Total Tayang Laman
•     Penggunaan CSS Sprite

Nah beralih kita ke gmn cara masang nya??

• pergi ke blogger
• masuk tata letak-tambah widget-ambil statistik blog
• nah kalo udah silahkan masuk ke template
• edit html
• nah cari code ]]></b:skin>,nah kemudia copy code CSS ini tepat di atasnya

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

#Stats1
li{margin:0;border:0;background-color:#ff4e47;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8ZeDP4vmT3BRUb8CHrqM593PHMMFg3GwJ7bP4-TUK-9SjsTU12C6kOB6kuDZ8khVQabVVcfD50a0P6pQqOccT3suwFebG1iZyr605y58KF_FCtBicW3hp7fYt_0weVahtRe8xASC0pk/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:#fff;text-shadow:none}

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

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

#totalCount{background-position:0 -136px}

note:silahkan ganti warna background sesuka hati

• nah kemudian cari code <b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats'/> 
• kemudia ganti code itu dgn code 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>

note:silahkan ganti yg berwarna dgn sesuka hati

semoga bermanfaat
code di dapat dari : tipstrickblog