Kod "Top Commenters" Macam Sab

بسم الله الرحمن الرحيم | السلام عليكم ورحمة الله وبركاته

Hari ni Sab rasa macam nak share satu tutorial yang Sab ambil dan gunakan di blog Sab. Sab tak curi tau. Sab dah minta izin. Sab share coding dia je. Kalau nak tahu dengan lebih lanjut, korang boleh klik banner di atas untuk terus ke blog berkenaan.

<style type="text/css">
.top-commenter-line img {
border: 2px solid #ffffff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}
.top-commenter-line img:hover {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.top-commenter-line {margin: 3px 0;}
.top-commenter-line .profile-name-link {padding-left:0;}
.top-commenter-avatar {vertical-align:middle;
}

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

var maxTopCommenters = 5;
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 = '';
var txtAnonymous = '';
var sizeAvatar = 50;
var cropAvatar = true;
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4i1uK6BDjwKs9kWqYOEfWhjHVIxc9S4sgKznjVsgpRYbvFLxyBbzgLeYiyFWuFGZyOKKVplRQz6rcG28KP0vyCrI5SUAynqrwJ_VuEvf1Ag5QapBhiGhJLZz1wCielchAUfARkDVHnhX/s1600/ck-avatar.jpg";
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4i1uK6BDjwKs9kWqYOEfWhjHVIxc9S4sgKznjVsgpRYbvFLxyBbzgLeYiyFWuFGZyOKKVplRQz6rcG28KP0vyCrI5SUAynqrwJ_VuEvf1Ag5QapBhiGhJLZz1wCielchAUfARkDVHnhX/s1600/ck-avatar.jpg' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';

// for old IEs & IE modes:
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="top-commenter-avatar" 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="profile-name-link" 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;
}
}

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); // assume ISO 8601
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

//Calculate difference btw the two dates, and convert to days
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.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;
});

// list top topcommenters:
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-commenter-line">');
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>
<span id=ck-wkt><a href=http://cikgukacamata.blogspot.com/2013/06/widget-senarai-pemberi-komen-terbanyak.html target=_blank>Widget Senarai Pemberi Komen Terbanyak</a></span>
<style type=text/css>
#ck-wkt {font-family: Arial,Tahoma;font-size:9px;font-style:italic;padding-top:7px;display:block;text-align:right;}
</style>

Actually scroll box ni pun Sab baru je belajar buat. Hehe. Nanti Sab bagi kod dia ok. Kena minta izin tuan yang empunya kod dulu. Sab stop sini la eh. Bye!

---

Dari Abu Hurairah r.a. Sesungguhnya Rasulullah s.a.w. bersabda : "Barangsiapa yang beriman kepada Allah dan Hari Akhirat maka hendaklah dia berkata baik atau diam".

---

Big Bowl Ice Taman Kota Laksamana, Melaka

بسم الله الرحمن الرحيم | السلام عليكم ورحمة الله وبركاته

Hari ni nak review lagi salah satu tempat yang Sab pergi. Dah lama juga la pergi tempa ni. Dah beberapa bulan yang lalu rasanya. Masa tu still dekat kolej. Hehe. Lama betul nak cari idea untuk menaip. Big bowl ice. Nama pun ada ais. Konfem la makan ais. Tempat ni junior rumah Sab yang suggest kan. Sab ni selalu keluar. Sampai tak tahu nak pergi mana. Then diorang la suggest Sab pergi sini. Masa mula-mula sampai, konfius nak masuk ke tak sebab dekat papan kedai ni ada tulisan Cina. Tapi bila dah masuk, ramai je orang melayu dekat dalam. Pekerja dia pun Melayu actually. Kedai ni memang ramai orang. Tempat duduk pun terhad. Siapa cepat dia dapat. Kedai ni pula jenis kedai yang tertutup. Agak padat la.

Yang Sab pergi ni dekat Taman Kota Laksamana, Melaka. Lepas Eye On, Belok kanan. Traffic light kedua ambil kanan lagi. Then terus je sampai ke penghujung taman. Sab hari tu tersalah ambil lorong. Nasib baik jumpa juga. Kalau tak kempunan la nak merasa ais sedap ni. Hehe

Apa yang ada dekat sini? Of course la ais. Macam ais kacang tapi tekstur ais dia unik sangat. Ais dia lembut sangat. Tak macam ais kacang biasa tu. Ais dia macam kapas. Macam ais salji. Padahal tak pernah pegang salji pun. Hehe. Tak tahu la dia guna ais apa, tapi ais dia lambat cair. Mungkin mesinyang digunakan tu yang buatkan tekstur ais dia tersangatlah lembut. Masuk mulut, terus cair. Macam makan gula-gula kapas tu. Best sangat. First time Sab makan, terus jatuh hati plus jatuh cinta. Nah belanja sikit gambar ais yang Sab makan.

Sab pun dah tak ingat apa nama dia. Lupa nak snap gambar menu. Tapi Sab nak habaq sikit nah. Menu ais dia memang banyak. Tersangatlah banyak. Terlampaulah banyak sampai tak tau la cek nak pilih hat mana hari tu. Haa keluaq Kedah aku. Hahaha. Yang ada ais krim tu, ais dia warna putih. Ais dia rasa macam ada susu. Lepas tu dia tabur dengan biji apa entah tak pasti but biji tu rasa masam-masam sikit. Sedap. Yang coklat tu, ais krim dia warna coklat macam dalam gambar. Rasanya pun coklat. Dia letak topping susu pekat manis. Dekat bawah ais krim tu ada jelly a.k.a. puding. Sab suka sangatrasa puding dia. Unik. Lembut je. Bukan lembut lagi dah. Lembik terus lah. Tapi memang sedap.

Harga? Dua-dua mangkuk ni RM20. Tapi berbaloi pada Sab sebab kenyang. Bukan sikit tau. Banyak. Tinggi menggunung. Dengan buah-buahan lagi. Dengan ais lembutnya lagi. Dengan sedap lagi. Perghhh. Memang mantap lah. Memang nak pergi lagi lepas ni. Hehe. Sab sarankan korang untuk cuba. Takkan menyesal. Korang boleh minta mangkuk apa yang korang nak. Kecil ke besar ke. Mana la tahu korang nak share ke. Tapi Sab sarankan kalau pergi ramai-ramai better ambil jenis lain-lain. Boleh la rasa itu sikit, ini sikit. Baru best.

Ok lah. Dah penat menaip. Sampai sini dulu ye. Bye korang !!

---

Dari Abu Hurairah r.a. Sesungguhnya Rasulullah s.a.w. bersabda : "Barangsiapa yang beriman kepada Allah dan Hari Akhirat maka hendaklah dia berkata baik atau diam".

---