Sabtu, 07 Desember 2013

Menambahkan Total Post dan Total Comment Pada Sidebar

Kalau bukan karena permintaan Kang Rahmat tadi pagi, yang meminta script Total Posts dan Total Comments untuk blognya, mungkin saya tidak akan menulis tentang masalah ini. Maklum selama ini gak kepikiran untuk menuliskan tutorialnya, karena saya pikir hal itu tidak begitu perlu.

Tapi daripada blog ini kelamaan kosong dari hal-hal yang "berbau" tutorial (hehehe...), dan saya sendiri pusing mikirin pertanyaan "harus nulis tutorial apalagi?", akhirnya saya posting juga cara menambahkan Total Posts dan Total Comments ini, karena siapa tahu, selain Kang Rahmat, ada juga di antara sobat yang membutuhkannya.

Untuk menambahkan Total Posts dan Total Comments ini, kamu cukup memasukkan script berikut kedalam gadget HTML/JavaScript pada blog kamu:
Secara Berjalan atau Berjajar
Jika Total Posts dan Total Comments ini ingin dibuat berjalan (marquee), masukkan script berikut:

<script style="text/javascript">
function numberOfPosts(json) {
document.write(<marquee>Total Posts: <b> + json.feed.openSearch$totalResults.$t + </b> ~ );
}
function numberOfComments(json) {
document.write(Total Comments: <b> + json.feed.openSearch$totalResults.$t + </b></marquee>);
}
</script>

<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
Gantilah NamaBlogKamu dengan nama blog kamu sendiri.
Jika kamu ingin membuatnya secara berjajar saja (tanpa berjalan, lihat contoh pada blog ini), hapuslah perintah <marquee> dan </marquee> (yang berwarna biru).

Secara Berurut Ke Bawah
Jika ingin dibuat berurut ke bawah, masukkan script berikut:

<script style="text/javascript">
function numberOfPosts(json) {
document.write(<ul><li>Total Posts: <b> + json.feed.openSearch$totalResults.$t + </b></li>);
}
function numberOfComments(json) {
document.write(<li>Total Comments: <b> + json.feed.openSearch$totalResults.$t + </b></li></ul>);
}
</script>

<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
Gantilah NamaBlogKamu dengan nama blog kamu sendiri.
Jika kamu tidak ingin menggunakan bullets, hapus saja perintah <ul> dan </ul> (yang berwarna biru).


Ok, segitu aja sob informasinya. Semoga bermanfaat .....

Tidak ada komentar:

Posting Komentar