Modifikasi Widget Statistik Blog (Bawaan Blogspot)

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRWyneDB0Fzz5tHUIVghboL6RkpYzgs-YOpzeaoxECcf659c0GyKAcZXxm5EMVkltI3nvBKS7aZKPBKjh01P0NeqLNOWkfKhJwafhS9aF38wp6RBI4Kk1g0oTTkeD3Q4813DqqnuxaxM4/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.

1 komentar:

Balas

kang mau tanya dong, kalau statistik blog tidak bisa muncul gimana ya cara mengatasinya ?

Posting Komentar

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Back to Top