Modifikasi Widget Pageviews, Total Post, dan Comment

Modifikasi Widget Pageviews, Total Post, dan Comment - Halo sobat, tutorial kali ini saya dapatkan dari blog http://mdf-blog.blogspot.com. kalo kemaren saya share Cara Membuat Widget Jumlah Post + Comment, skarang ane share nih buat modifikasi Cara Membuat Widget Jumlah Post + Comment, tapi kali ini akan ada 1 widget lg yg menyatu, yaitu Pageviews, jadi 1 widget ada 3 konten, yaitu :
1. Pageviews/Statistik
2. Total Postingan
3. Total Komentar

Berikut penampakannya :

Gimana ?bagus kan :p, berikut tutorialnya :

1. Login akun blogger > Pada dasboard pilih Tata Letak > Tambah Gadget > pilih Statistik Blog

Tidak usah di ganti nama ataupun di rubah model widgetnya langsung saja klik Simpan
lalu klik Simpan Setelan
2. Masuk ke Template > pilih Edit HTML
Letakkan kode berikut ini diatas kode ]]></b:skin>

#Stats1 ul {
    margin:10px 0;
    border:0;
    padding:0;
}
#Stats1 li {
    border-left:4px solid #333;
    margin:0;
    border:0;
    background-color:#eee;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiHbcpNnJXHxj-tGrjpqwW4JBK1Cs8Ihc9zNwtY1qqqnuqKCXLQq707L5lQ10TwCl8lCPmvWLqVWg5Mos_xsQwvDpK7_NjTWFoAG8ZIfsfRyAcObTVHVGDtEQ7Uo1XUlmntty37BtaoTw/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 {
    background-position:0 -136px;
}

3. Kemudian cari kode seperti ini
<b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats'/>
Ganti kode tersebut dengan Kode berikut 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>

4. Silahkan anda sesuaikan sendiri, anda juga bisa mengganti tulisan yang berwarna hijau pada kode widget diatas.

5. Klik Pratinjau untuk melihat hasilnya, jika berhasil simpan Template