Modifikasi Tampilan Widget Statistik di Blog

Tuesday, 15 October 2013

Modifikasi Tampilan Widget Statistik di Blog - Alhamdulillah kali ini TBS akan berbagi trik mengenai Modifikasi Tampilan Widget Statistik di Blog. Dan jangan lupa juga membaca postingan sebelumnya tentang Template WP Blogger SEO [Premium].

Modifikasi Tampilan Widget Statistik di Blog

Banyak dari teman-teman blogger yang ingin memiliki tampilan blog yang beda dari yang lain sehingga banyak yang mencari Trick Simple Blogger. Oleh karena itu, saya akan memberikan trik modifikasi widget statistik blog agar tampilan widget teman-teman berbeda dari yang lain.

Berikut Cara Modifikasi Tampilan Widget Statistik di Blogger :

1. Anda masuk di dasbord blogger --> Layout --> Tambah Gadget --> Pilih widget statistik blog. Seperti gambar di bawah di samping :
2. Kemudian anda save
3. Masuk ke bagian template --> Edit HTML
4. Kemudian copy kode berikut ini di atas 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:#0090D5;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}

5. Kemudian cari kode di bawah ini :
   

   <b:widget id='Stats1' locked='false' title='total tayang laman' type='stats'/>

   atau
   

   <b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>

    
6. Selanjutnya ganti kode di atas dengan kode berikut ini :
   

   <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> 

    
7. Kemudian save dan lihatlah hasilnya.

Demikian trik cara Modifikasi Tampilan Widget Statistik di Blog. Semoga dapat bermanfaat untuk teman-teman semuanya.

Share on: Facebook Google+ Twitter

You're reading an article about Modifikasi Tampilan Widget Statistik di Blog and you can find articles Modifikasi Tampilan Widget Statistik di Blog this is url http://tricksimpleblogger.blogspot.com/2013/10/modifikasi-tampilan-widget-statistik-di.html,you may spread or copy and paste it if the article Modifikasi Tampilan Widget Statistik di Blog This is very beneficial to your friends, but do not forget to put the link Modifikasi Tampilan Widget Statistik di Blog as the source.