Modifikasi Tampilan Statistik Bawaan Pada Blog

Kesempatan ini saya ingin berbagi cara Merubah Tampilan Statistik Pada Blog Sebenarnya kita hanya memodifikasi Statistiknya Agar lebih cantik dan berbeda pada Blog lainnya yang Statistiknya masih Bawaan Blogger tampilannya atau Demo nya kamu bisa lihat Pada Blog ini Statistiknya Yuk Bagi kamu yang ingin merubah Statistiknya diblog kamu ikuti langkah-langkahnya dibawah ini:

Fitur Statistiknya

• Menampilkan Jumlah postingan
• Menampilkan Jumlah Komentar
• Menampilkan Total Tayang Laman 

Cara pemasangannya:

1. Silahkan Login Blogger.com
2. Pada dasbor pilih menu Tata Letak
3. Tambah Gadget --> Pilih widget Statistik blog
   
4.  Lalu Simpan
5. Sekarang masuk menu Template --> Pilih edit HTML
6. Lalu Cari Kode ]]></b:skin>
7. Letakkan kode dibawah tepat 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:transparent;color:#333;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:22px;line-height:1.2em;color:#666;text-shadow:none}
   #Stats1 span{font-size:12px;color:#333;text-shadow:none}
   #totalComments{background-position:0 -68px}
   #totalCount{background-position:0 -136px}

8. Lalu Cari mirip Kode <b:widget id='Stats1' locked='false' title='Judul Statistik' type='Stats'/>
9. Lalu Ganti Kode di atas dengan Kode
   

       <b:widget id='Stats1' locked='false' title='Judul Statistik' 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>

10. Langkah Terakhir Simpan

Gimana Mudah bukan Cara  Modifikasi Tampilan Statistik Bawaan Pada Blog Bila kurang mengerti bisa langsung tinggalkan Komentarnya

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: