Tutorial Pasang Widget "Total Posts And Comments" Dalam Blog

Tweet

Salam sejahtera pada semua rakan-rakan blogger dan pembaca blog ini. Kepada semua rakan-rakan blogger, aku nak tanya sikit, sejak korang start blogging sampai sekarang ini, dah berapa banyak post dan komen yang korang dah buat dalam blog korang sendiri? "Ha? Berapa? Eh! Tak dengar la..., cakaplah kuat sikit!" Hehehe.... Takde la, saja jer, nak usik korang...

Bukan apa, intro tadi tu ada kaitan dengan tutorial terbaru yang aku nak kongsikan di sini, iaitu cara nak pasang widget "Total Posts And Comments" untuk blogspot.... Macam gambar kat atas tu... Macam mana nak buat widget itu? Senang jer... 

1. Masuk akaun blogger korang > Dashboard > Nama Blog > Layout > Add a Gadget > HTML/JavaScript 
2. Copy kod di bawah ini, kemudian paste ke kotak kosong HTML/JavaScript 

<script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>

Kemudian, save. Preview balik, dan pastikan widget "Total Posts and Comments" tadi, terpapar di blog korang sendiri. 

(Kredit: Blogspot Tutorial) 

===============================================

Oh ya! Lupa plak! Ada satu lagi widget, seperti gambar yang korang nampak kat atas ni haa. Yang ini, siap dengan statistik jumlah pembaca sedang online (online readers). Jadi, lebih sikit dari widget yang sebelum ini. Jom tengok koding dia plak.

1. Macam biasa, masuk akaun blogger korang > Dashboard > Nama Blog > Layout > Add a Gadget > HTML/JavaScript 
2. Copy kod di bawah ini, kemudian paste ke kotak kosong HTML/JavaScript 

<script style="text/javascript">
function totalPosts(json) {
document.write('Stories: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>
<p style="margin-top: 0; margin-bottom: 0">
<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="35%">
Online Readers:</td>
<td width="65%"><p style="margin-top: 0; margin-bottom: 0"><b><script src="http://fastonlineusers.com/on3.php?d=Your Blog URL" type="text/javascript"></script></b></p></td>
</tr>
</table></p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-4679235-4");
pageTracker._trackPageview();
} catch(err) {}</script>

Akhir sekali, save. Preview balik blog korang.

Nota: Tukarkan perkataan "Your Blog URL" kepada URL blog korang.

(Kredit: Geeky Stuffs)

So, ada 2 widget tersedia untuk korang try kat blog korang. Pilihlah mana-mana yang korang suka. Selamat mencuba! 

Tweet