Home » » Cara Memodifikasi Widget Statistik Blog v2

Cara Memodifikasi Widget Statistik Blog v2

Written By AiRa LoKa on Senin, 06 Mei 2013 | 19:13

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!

6 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. http://lapakpoker.net
    http://lapak88.com
    http://bukalapak88.com

    http://lapakpoker.org/bandar-live-poker-live-poker-streaming/
    http://lapakpoker.org/judi-bandar-capsa-capsa-susun/
    http://lapakpoker.org/bandar-ceme-terpercaya-domino-ceme/
    http://lapakpoker.org/poker-online-terbaik-tutorial-poker/
    http://lapakpoker.org/agen-poker-bni-tutorial-99domino/
    http://lapakpoker.org/agen-poker-bni-video-mobil-kecelakaan/
    http://lapakpoker.org/agen-poker-bni-polisi-tilang-pengendara/

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger