قائمة الأكثر تعليقاً للمدونات بلوجر .. بشكل جديد جداً أكثر من رائع

السلام عليكم ..
كيف حالكم إخواني.. اليوم معنا آداة جديدة ولا اروع للمدونات بلوجر , وهي قائمة الأكثر تعليقاً كل اسم يحتوي على صورة المستخدم في جوجل بلس و هي تكون بالشكل التالي :

قائمة الأكثر تعليقاً 

تركيب هذه الآداة سهل جداً وهو كالتالي :
إذهب الى لوحة تحكم المدونة ثم إلى البند تخطيط  ثم اختر مكان لوضع الاضافة من خلال إضافة آداة.
ثم أختر HTML/JavaScript و ضع الكود التالي :

<div id="topcomment">
<style type="text/css">
.top-commenter-line{
margin:0px;
border-bottom:1px solid #EEE;
background-color:#FFF;
padding:2px 3px;
bottom:-6px;
}
.top-commenter-avatar{
display:inline-block;
vertical-align:middle;
}
#topcomment{
width:300px;
margin:0 auto;
padding:5px;
-moz-box-shadow:-2px 3px 5px rgba(0, 0, 0, 0.1);
-wibkit-box-shadow:-2px 3px 5px rgba(0, 0, 0, 0.1);
box-shadow:-2px 3px 5px rgba(0, 0, 0, 0.1);
}
#topkoment a{color:#B10C0C}
.profile-name-link{padding-left:2px}
</style>
<script type="text/javascript">
var maxTopCommenters   = 10,  // عدد الأشخاص
    minComments        = 1,  // أدنى حد من التعليقات ليظهر الشخص
    numDays            = 0,  // من كم يوم التعلي30 مثلاً (30) او 0 كل الأوقات
    excludeMe          = true,  // true: استبعاد تعليقاتي الخاصة
    excludeUsers       = ["Anonymos", "someothertoexclude"],  // استبعاد هذه الاسماء
    maxUserNameLength  = 42,  // 0: don't cut, >4: cut usernames
    txtTopLine         = '<div style="font-weight:bold;display:inline-block;width:2em;text-align:right;"><b>[#].</b></div> [image] [user] ([count])',  // عدد القوائم
    txtNoTopCommenters = 'No top commentators at this time.',
    txtAnonymous       = 'غير معروف',  // ضع اسم او ارتكه فارغاً للمعلقين بدون اسم
    sizeAvatar         = 32,  // حجم الصورة المصغرة
    cropAvatar         = true, // إظهار الصورة
    urlNoAvatar        = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SfF_QnWiSnLMyJy7d_nO6sB0XG036H_Fb5DE9koNFz_N2ao3Il9NjotVfWE-1DKB9HiyL6OmgLZloZ17KS_n6-83nqgcfsNnmVe8viNrEYga_acgAwYbWwOpWNJ81u-z49SaU3Npfmo/' + sizeAvatar + '/avatar_blue_m_96.png',
    urlAnoAvatar       = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
    urlMyProfile       = '',  // تعيين إذا لم تقم بوضع اضافة البروفيل
    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;}}
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;}
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-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>
</div>

 ثم احفظ الآداة و اذهب لمدونتك لترى الآداة وقد تم تشغيلها