Menampilkan total posting dan komentar blog

Ingin membuat script atau tracker yang akan menampilkan total dari posting dan komentar dari blog? caranya mudah kok, cukup dengan script yang sederhana...mau tahu caranya?

Copy paste kode di bawah ini pada blog kamu :

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments:<b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://blogkamu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://blogkamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<span >

Diatas adalah tampilan standar, mari kita perbarui dengan tampilan yang lebih menawan...
copy paste seluruh kode dibawah ini :

<div style="border: 2px solid rgb(230, 230, 230); background: rgb(204, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: center; text-decoration: blink; font-size: 100%; color: rgb(230, 230, 230);"><script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://blogkamu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
</li>

<li><script src="http://blogkamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</li></ul>
<span></span></div><div style="border: 2px solid rgb(230, 230, 230); background: rgb(230, 230, 230) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: right; text-decoration: none; font-size: 100%; color: rgb(0, 0, 0);">Widget By [<a style="color: rgb(255, 0, 0);" href="http://tips-tutorial.blogspot.com/" target="new">Tips blogger Pemula</a>]</div>

Ganti blogkamu dengan nama blog kamu lalu simpan, selesai. Contohnya bisa dilihat disini dengan nama statistik...

selamat mencoba ya...

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]