Cara Memodifikasi Widget Statistik Blog v1

     Cara Memodifikasi Widget Statistik Blog v1 - Hai semuaAiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Memodifikasi Widget Statistik Blog v1.

     Banyak ragam widget statistik untuk blogger yang disediakan oleh pihak ke tiga. Baik itu widget dari Sitemeter, Histats, Statcounter, Feedjit, Hitwebcounter dan segudang layanan widget statistik lainnya. Adapun widget statistik default blogger meskipun masih memiliki kekurangan karena belum memberikan data statistis yang lengkap seperti jumlah visitor karena hanya menampilkan jumlah total tayang laman, tetapi cukup untuk memantau perkembangan blog anda. Nah, tanpa basa-basi lagi, Langsung saja..

Chek It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Tata Letak > Tambah Gadget > Statistik Blog. Langsung simpan, tidak perlu diorak-atik.

2.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Klik pada kolom konten sati kali, lalu tekan Ctrl + F. Pada kolom pencarian, ketikkan ]]></b:skin> lalu tekan enter. Letakkan script dibawah ini diatas kode ]]></b:skin>

#Stats1
ul{margin:10px 0;border:0;padding:0}
#Stats1
li{margin:0;border:0;background-color:#0099ff;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRikYXEHyXbwE6lgrYhk5TGQGLVaRRrTr_c2Nc0bDYpj0rfSq5CAhM1vv7ilAowiqIlWmA-EhV4WObfC70D3Co7PcJlPyDKOmxrRKrhv2Fdwyx_pgygLTpuwF4FiAY-fEyPiSc_62gOc/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}

3.  Lompat ke widget 'Stats1'. replace script dibawah ini

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

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!