Cara Merubah Widget Statistik Blogger
Kelebihan widget yang telah dimodifikasi ini akan menampilkan
1. Berapa banyak jumlah postingan
2. Berapa banyak jumlah Komentar pengunjung
3. Menampilkan Total Tayang Laman sebuah blog.
Ingin mencobanya? ikuti tutorial cara merubah atau cara memodifikasi widget statistik blogger dibawah ini.
1. Login Blogger.com
2. Pada dasbord pilih menu layout/Tata Letak Tambah Gadget --> Pilih widget Statistik blog --> save ( jika sudah ada lompati bagian ini )
3. Lalu masuk menu Template --> Pilih edit HTML --> backup dahulu
4. Cari kode: ]]></b:skin>
5. Copy kode CSS dibawah ini, lalu letakkan diatasnya.
#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:27%;margin:0;border:0;background-color:#fff;background:#FF00D5;color:#fff;float:left;padding: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 -48px}
#totalCount{background-position:0 -100px}
6. Kemudian cari kode seperti dibawah ini:
<b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats'/>
7. Setelah ketemu, ganti kode tersebut 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'></h4>
<span>Posts</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'></h4>
<span>Comments</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + "_totalCount"'></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>
8. Save template, lihat hasilnya.
Catatan:
Warna tampilan sama dengan warna yang ada pada blog Cybermales ini, yaitu candy pink.
Sobat bisa mengganti warna background, ukuran, warna font sesuai selera
( bagian CSS pada no.5 ) Sekian postingan cara merubah widget statistik
blogger. Untuk kode warnanya, silahkan lihat Disini..
Silahkan dicoba jika berminat, semoga bermanfaat.
