Posted by : Arie Adie Thursday, 16 May 2013

Statistic Modification
Modifikasi widget statistik blog bawan blogspot atau widget statistik asli dari blogspot itulah yang akan saya bahas kali ini. Saya sudah lama menyimpan tutorial ini dan saya pun lupa untuk sharing tutorial ini, tutorial ini saya dapatkan dari http://blog.duypham.info/. Widget statistik blogspot yang dimodifikasi akan di tambahkan jumlah artikel/posting dan jumlah komentar.
Berikut langkah Modifikasi Widget Statistik Blog (Bawaan Blogspot)
1. Login akun blogger > Pada dasboard pilih Tata Letak > Tambah Gadget > pilih Statistik Blog
Widget
Tidak usah di ganti nama ataupun di rubah model widgetnya langsung saja Klik Simpan
lalu klik Simpan Stelan
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(http://lh3.ggpht.com/-JypPIDhQgEY/UIfUN_w0jkI/AAAAAAAABOM/s_O3VHyQSlw/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
Selamat mencoba dan semoga bermanfaat.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

TRANSLATE

RANDOM POST

Flash Labels by Way2Blogging




- Copyright © PENGEMBARA BIRU -arieadie- Powered by music - Designed by sang pengembara 821 -