Modifikasi Widget Statistik Blog (Bawaan Blogspot) - BKW-CITY | Tips Trik Blog
Add me on Google+
Add me on Facebook

Modifikasi Widget Statistik Blog (Bawaan Blogspot)

Posted by Labels: at
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.
Judul Modifikasi Widget Statistik Blog (Bawaan Blogspot)
Deskripsi Modifikasi widget statistik blog bawan blogspot atau widget statistik asli dari blogspot itulah yang...
Author Rating
4/ 5 Suara Dari 1001 Ulasan
Post a Comment
Silahkan berkomentar yang bijak dan santun karena blog ini tidak menggunakan moderasi komentar. Blog ini dofollow, penggunaan link aktif yang disisipkan dalam komentar akan terhapus otomatis secara otomatis, namun anda bisa mendapatkan backlink dengan berkomentar menggunakan opsi Nama/Url dan tidak bertujuan untuk spam.

Terima kasih atas komentar anda. Semoga informasi yang ada di blog ini bermanfaat.

Back to Top