Cara letak widget Top Commentor Monthly Filter Author

assalamualaikum semua, pagi ni aku nak kongsikan pasal tips blog.. jarang sangat aku nak tulis pun.. ni pun sebab semalam aku dapat idea nak letak widget top commentor monthly filter author.. ni widget top commentor secara bulanan dan akan tapis penulis sebagai pengomen.. macamana dapat idea ni? asalnya aku suka pulak tengok kawan-kawan bagi reward pada top commentor pada blog masing-masing dan macam best pulak bila tengok ada widget top commentor pada blog.. seronok tengok ramai kawan-kawan yang support..

Widget Top Commentor Bulanan Tapis Nama penulis blog

tapi aku bukanlah nak bagi reward apa-apa pun pada pengomen tegar ni lagi.. buat masa ni aku memang belum teringin buat sebarang contest sebab dulu pernah gak buat contest tapi terkubur sepi sebab tak ramai yang join.. jadinya awal-awal ni aku nak cuba letak dulu widget tu kalau ada rezeki lebih insyaAllah ada la rezeki buat pengomen tegar tu jugak..

ok mesti ada yang nak tau macamana aku buat untuk jadikan adanya widget top commentor monthly filter author ni.. pada awalnya aku dah letak widget top commentor tapi yang aku dapat hasil carian kat google.. tapi bila aku letak je aku tengok hasilnya tu keluar aku sebagai pengomen tegar di tempat pertama dan kedua.. aiseh.. takkan la nanti nak reward diri sendiri pulak kan.. hehehe..

pastu puas la aku try godeh kod tu nak buat macamana bagi dia kira top commentor secara bulanan dan supaya tak bagi nama aku sebagai penulis blog keluar kat statistik tu jugak.. jadi godeh punya godeh aku akhirnya jumpa caranya.. alhamdulillah.. jadi sesiapa yang nak cuba boleh cuba ya..

cari widget html/javascript

korang pergi ke blogger dashboard dan pergi ke layout blog dan tambah widget pada blog.. cari widget yang html/javascript dan copy dan paste je kod kat bawah ni dalam widget ..

<br />
<style>.top-commentators {

margin: 3px 0;

border-bottom: 1px dotted #ccc;

}

.avatar-top-commentators {

vertical-align:middle;

border-radius: 30px;

}

.top-commentators .commenter-link-name {

padding-left:0;

}</style><script type="text/javascript">

var maxTopCommenters = 8;

var minComments = 1;

var numDays = 0;

var excludeMe = true;

var excludeUsers = ["Anonymous", "someotherusertoexclude"];

var maxUserNameLength = 42;

var txtTopLine = '<b>[#].</b> [image] [user] ([count])';

var txtNoTopCommenters = 'No Recent commentators at this time.';

var txtAnonymous = '';

var sizeAvatar = 33;

var cropAvatar = true;

var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0iNdZwRBbk4w2Xd91lnvNcGPzl6HVdom5DRdFXWwXRsemgU-hNuipUz_Qm56wlBqMtxqfg6eAA0_K178Gj8PILR8MEDoPkN8yx2j4LAbcZzHvcf8GUbZyLdOrafExvpl0655efPFAEOf0/s1600/avatar_blue_m_96.png" + sizeAvatar;

var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHLhT5R637Av2aV9kL-oFR_090sygSU3H0zeVyiC3jEpf2Ilc_HsIrguTSf6De33ParFOj2b_W73ULsu243GFfDf0NQVpqbPnQi20OQ5lyCFbZmlBd364RYGTC4qi4P0wkFh8J66ejv3t/s1600/avatar1.png' + sizeAvatar;

var urlMyProfile = '';

var urlMyAvatar = '';

if(!Array.indexOf) {

Array.prototype.indexOf=function(obj) {

for(var i=0;i<this.length;i++) if(this[i]==obj) return i;

return -1;

}}

function replaceTopCmtVars(text, item, position)

{

if(!item || !item.author) return text;

var author = item.author;

var authorUri = "";

if(author.uri && author.uri.$t != "")

authorUri = author.uri.$t;

var avaimg = urlAnoAvatar;

var bloggerprofile = "http://www.blogger.com/profile/";

if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)

avaimg = author.gd$image.src;

else {

var parseurl = document.createElement('a');

if(authorUri != "") {

parseurl.href = authorUri;

avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;

}

if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")

avaimg = urlMyAvatar;

if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")

avaimg = urlNoAvatar;

var newsize="s"+sizeAvatar;

avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");

if(cropAvatar) newsize+="-c";

avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

var authorName = author.name.$t;

if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)

authorName = txtAnonymous;

var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';

if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)

authorName = authorName.substr(0, maxUserNameLength-3) + "...";

var authorcode = authorName;

if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';

text = text.replace('[user]', authorcode);

text = text.replace('[image]', imgcode);

text = text.replace('[#]', position);

text = text.replace('[count]', item.count);

return text;

}

var topcommenters = {};

var ndxbase = 1;

function showTopCommenters(json) {

var one_day=1000*60*60*24;

var today = new Date();

if(urlMyProfile == "") {

var elements = document.getElementsByTagName("*");

var expr = /(^| )profile-link( |$)/;

for(var i=0 ; i<elements.length ; i++)

if(expr.test(elements[i].className)) {

urlMyProfile = elements[i].href;

break;

}

if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {

var entry = json.feed.entry[i];

if(numDays > 0) {

var datePart = entry.published.$t.match(/\d+/g);

var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));

if(days > numDays) break;

}

var authorUri = "";

if(entry.author[0].uri && entry.author[0].uri.$t != "")

authorUri = entry.author[0].uri.$t;

if(excludeMe && authorUri != "" && authorUri == urlMyProfile)

continue;

var authorName = entry.author[0].name.$t;

if(excludeUsers.indexOf(authorName) != -1)

continue;

var hash=entry.author[0].name.$t + "-" + authorUri;

if(topcommenters[hash])

topcommenters[hash].count++;

else {

var commenter = new Object();

commenter.author = entry.author[0];

commenter.count = 1;

topcommenters[hash] = commenter;

}

if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {

ndxbase += 200;

document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');

return;

}

// convert object to array of tuples

var tuplear = [];

for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

tuplear.sort(function(a, b) {

if(b[1].count-a[1].count)

return b[1].count-a[1].count;

return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;

});

var realcount = 0;

for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {

var item = tuplear[i][1];

if(item.count < minComments)

break;

document.write('<di'+'v class="top-commentators">');

document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));

document.write('</d'+'iv>');

realcount++;

}

if(!realcount)

document.write(txtNoTopCommenters);

}

document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');

</script><br />

dah salin semua tu kan.. meh korang tengok pulak kat mana nak ubah bagi jadikan dia kira secara bulanan atau monthly..

cari kod ni :

var numDays = 0;

dan tukarkan angka kosong (0) tu pada berapa hari dalam sebulan.. yang ni korang kena buat manually setiap bulan.. sebab setiap bulan bilangan hari tak sama kan? contoh kalau nak letak bulan mac ni ada 31 hari jadi tukar kod tu jadi macam bawah ni :

var numDays = 31;

ok, itu dah selesai satu untuk monthly.. sekarang aku nak tunjuk pulak macamana nak buat untuk tapis nama penulis.. cuba cari kod ni :

var excludeUsers = ["Anonymous","someotherusertoexclude"];

yang ni untuk kita tapis komen dari orang yang kita tak nak dia ada dalam senarai top commentor tu.. korang boleh tambah senarai ni dengan letak tanda "nama orang" dan boleh letak sebanyak mana nama korang nak dengan jarakkan setiap nama bertanda dengan tanda koma macam kat bawah ni aku bagi contoh..

var excludeUsers = ["Anonymous","Rozita","Rozita Abdul Rahman", "someotherusertoexclude"];

jadi kita dah berjaya tapis atau filter nama author blog.. sekarang nak tetapkan pulak berapa orang akan masuk dalam senarai top commentor ni.. 3 @ 5 @ 8 @ ikutlah berapa korang nak letak.. caranya cuma cari kod ni :

var maxTopCommenters = 8;

ubah nombor 8 pada berapa angka yang korang nak untuk letak dalam senarai..

ok cukup semuanya dan korang boleh tengok sekarang siapa top commentor korang untuk bulan ni.. dia akan kira yang terbaru ikut tarikh pengomen tegar tu tau.. kalau pengomen tu datang hari ni katakan dan dia komen semua entri korang setahun lepas pada hari ni maka orang tu mungkin akan jadi pengomen tertinggi pada bulan tu.. sebab dikira komen pada hari komen dibuat..

dan akhirnya widget korang akan keluar secara bulanan..

tapi aku perasan satu je la kelemahan widget top commentor ni.. blog jadi lambat loading sikit.. jadi buat aku yang tak berapa gemar blog lambat loading ni macam terfikir.. mungkin list macam ni takkan bertahan lama dalam blog aku.. hehehe.. apa pun kita tengok la nanti ya.. korang yang dah bukak blog aku tolong bagitau jugak ada perubahan tak dari segi masa bukak blog tu ya.. ok selamat mencuba!

Ceritaita

Beza Pra Sekolah, Tabika Perpaduan, Tabika Kemas, Tadika ?

assalamualaikum semua, aku ingat dulu pernah terima soalan dari blog ni la.. lama dulu.. pasal perbezaan antara Pra Sekolah, Tabika Perpaduan, Tabika Kemas dan jugak Tadika biasa.. memang lama aku menung bila baca soalan tu.. pasal masa tu aku memang tak tau nak jawab apa.. hahaha.. serius ko.. masa tu aku baru je ada anak sorang dan aku hentam je hantar memana ikut kemampuan kami masa tu.. Apa Beza Pra Sekolah, Tabika Perpaduan, Tabika Kemas, Tadika ? memang tak pernah la terfikir pun nak cari info atau nak tanya sapa-sapa pun masa tu.. bila fikir-fikirkan balik terasa jugak masa alahai teruknya kami sebagai ibubapa.. dan kami terasa jugak semakin teruk bila abg long dah masuk 2 tahun kat salah satu tadika swasta ni.. tapi nampaknya kenal huruf pun tak tau.. pengsan aku bila ingat balik.. aku mula fikir mungkin sebab abg long sendiri jenis budak yang ada masalah dyslexia.. tapi minor la.. nanti la aku cerita pasal dyslexia tu.. lepas tu kami buat keputusan pu

Teruskan membaca »

Ulasan

Fieza Sani3 Mac 2018 pada 8:49 PG
Ala... Main coding, failed
BalasPadam
Balasan
Mimie3 Mac 2018 pada 8:55 PG
Okey kak sy nak check yg tapis nama orang tuh...nak buh nama sendiri kang termasuk srkali jenuh pulak
BalasPadam
Balasan
Mrs Pip3 Mac 2018 pada 9:14 PG
Tq share, so far buka blog ita ni, tak lambat loading, laju jer..
BalasPadam
Balasan
Hans Hanis3 Mac 2018 pada 10:24 PG
alhamdulillah
perkongsian yang bagus nih :)
BalasPadam
Balasan
apekinahdotcom3 Mac 2018 pada 5:13 PTG
Lengkap tutorial kak ita ni dari A hingga Z. Thanks kak Ita
BalasPadam
Balasan
Rozita Ceritaita3 Mac 2018 pada 7:24 PTG
@Hans

rajin hans singgah sini.. tq ya 😊
BalasPadam
Balasan
Rozita Ceritaita3 Mac 2018 pada 7:25 PTG
@Kin Naz

sama-sama kin 😊
BalasPadam
Balasan
marshalizadotcom3 Mac 2018 pada 10:35 PTG
Marsha pun dok terpikir yg sama. Alhamdulillah ita dah share. Jadi moh let kita edit blog
BalasPadam
Balasan
Syuhaina Atikah4 Mac 2018 pada 11:48 PG
Good sharing k.ita, tq.
BalasPadam
Balasan
mamapp4 Mac 2018 pada 5:15 PTG
Rasa berkobar2 naknletak widget ni to bila tau slow takut Pula la ita.. Akan Ku fikiran. Sebab mmg apprwysgt yg rajin tinggal komen
BalasPadam
Balasan
adianiez AIDA6 Mac 2018 pada 10:34 PG
Aida memang ada widget ni.
Appreciate tukang komen.
Start thn ni aida bagi gift.
Saje saje suka suka...
BalasPadam
Balasan
Siti Yang Menaip7 Mac 2018 pada 3:01 PG
heheh macam nak letak tapi nak buat untuk bulan jan -june heheh..
BalasPadam
Balasan

Tambah ulasan

Catat Ulasan

Terima kasih sudi tinggalkan komen :) Link blog tidak dibenarkan sama sekali. Jika ada, komen anda akan dibuang atau ditandakan spam.

Cerita Ita

Cari Blog Ini