Cara Memodifikasi Widget Statistik Blog v2

     Cara Memodifikasi Widget Statistik Blog v2 - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Memodifikasi Widget Statistik Blog v2.

     Hai semua... nah nggak afdol nih kalau udah bikin artikel Cara Memodifikasi Widget Statistik Blog v1, tapi nggak ada versi ke duanya. Nah, untuk itulah saya segera membuat artikel ini. berbeda dengan yang v1, untuk yang versi keduanya hanya menampilkan jumlah postingan, jumlah komentar, dan jumlah pengunjung. Tetapi untuk yang v2 ini, lebih simpel. Karena tidak memakan banyak tempat. Nah, bagi yang mau coba, Langsung saja..

Check It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Tata Letak > Tambah Gadget > Statistik blog. Pada kolom konfigurasikan widget, anda tidak perlu mengganti nama atau memilih tampilan, langsung klik simpan kemudian klik simpan setelan.

2.  Masuk ke Template > Edit HTML. Cari kode ]]></b:skin>, lalu pastekan script dibawah ini 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:#0099ff;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}

3.  Lompat ke widget Stats1. Ganti script:

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

sampai dengan

</b:widget>

 Dengan:

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

4.  Simpan.

Selamat mencoba!