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

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

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

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

تركيب هذه الآداة سهل جداً وهو كالتالي :
إذهب الى لوحة تحكم المدونة ثم إلى البند تخطيط  ثم اختر مكان لوضع الاضافة من خلال إضافة آداة.
ثم أختر 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/AVvXsEgm7tcM56KEgjSnAw7CdikWJfdLot-eztlytN7Rmp8iDmtoRNv0Dhox-whkznJP9FnAlSXLV5DiFN0ssp3SV0bIAvyyrwzyO5MpTW7p9Rfait8B02IEoafj-KzScE5OWqW21gmDJUd9N4Y/' + 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>

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