حصرياٌ اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر

بسم الله والصلاة والسلام على رسول الله , تعتبر التعليقات  جزء أساسي في اكثر المواقع والمدونات ، لأنها تعطي الحياة للمدونه  وتجعلها اكثر ايجابيه ,ولا يخفى عليكم ان الكثير من المدونين يعتبرون التعليقات البنائه هي دافع اساسي للاستمرار في التدوين , وهنالك الكثير ممن يقومون بوضع هذه التعليقات على شكل متكرر في شتى مواضيع المدونه ويكونو على اطلاع دائم للموقع , وبالتالي فإنه من المهم جدا أن تعرف من هم المستخدمين الأكثر نشاطا في مدونتك , والذين تركو اكبر عدد من التعليقات داخل المدونه ,لذا سوف نتطرق اليوم الى كيفية اضافة هذه الاداه والتي تقوم بعرض اكثر الزوار تعليقا في مدونتك ,,, توكلنا على الله 



كيفية اضافة هذه الاداة لمدوناتكم
انتقل إلى لوحة تحكم مدونتك
     HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر
 والآن الصق داخل المستطيل الكود التالي


<style type="text/css">
.top-commentators {margin: 3px 0px;border-bottom: 1px dotted #CCC;font-family: arial;color: #FF764C;}.top-commentators b{color: rgb(132, 132, 132);}
.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 top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGuJs6DX2X_jpjMTW-Zuj5FsZbgi_W6rvy63o6j5YKuER_V3s_F4MNkDC4Bw6q5qIyS2xRifCVuo4S4UXX10Rmkbj7TsfEsWSPXnL4_5xLKtm7SM1z-NtQnw6ej-b7-LgtHD5V2mJJEhi/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbfi0bY4MZsHqewdW0H2TPB27t44QRz0dklC02xIM2yg4uBRSv54dzSdsnhr0n4gMcZxxzyUxe7QWG-9dz26dGnt4bDXexnzNlOh1Nrpa4GuUAc6_624hE7APiImF9mA-uu9umWPHntsE/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>

تخصيص الاضافة
1-       var maxTopCommenters = 8;   هذا الكود لتغيير عدد المستخدمين في الاضافه

2-      var sizeAvatar = 33;    هذا الكود لتغيير حجم صورة المعلقين 



اذا واجهتكم اي مشاكل في تركيب الاضافه ضعوا تعليق وسيتم الرد عليكم ان شاء الله .....

Rose

هناك 53 تعليقًا:

  1. اخي ممكن الاضافة الموضحة في هذه الصورة الموجودة في قالب ليو ماجازين , ارجوك اريدها لأني مستعجل في اضافتها : http://im72.gulfup.com/fO5G7.png

    ردحذف
  2. وعليكم السلام ورحمة الله وبركاته ,,, فوتوشوب سي اس CS6

    ردحذف
  3. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. التبادل الاعلاني مغلق حاليا

      حذف
  4. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  5. السلام عليكم اخي...
    انا من متابعيك في المدونة نريد منك ان تعملنا قالب بلوجر للألعاب
    ونحن با انتضارك وانا با انتضارك

    ردحذف
  6. اخي ممكن رابط الفيس بوك للتفاهم على عمل لي قااب مدفوع

    ردحذف
  7. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  8. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  9. جلال ممكن اتحدث معك على الفايسبوك

    ردحذف
  10. اريد التواصل معك في البريد بامر مهم ارجوا منك ان تعطيني الايميل

    ردحذف
  11. شرح اكثر من رائع مشكور اخ جلال
    صاحب مدونة الزعيم

    ردحذف
  12. السلام عليكم ورحمة الله وبركاته
    بارك الله فيك أخي العزيز

    ردحذف
  13. اخي اعرض عليك ان تشترك في مدونتي (f)

    ردحذف
  14. غير معرف3/4/14 23:35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  15. فوتوشوب عربي اون لاين مباشرة على المتصفح بدون تحميل

    http://onlin-photoshop.blogspot.com/

    ردحذف
  16. اخي رجااااااااااااء رد علي بسسسرعه عندي مشكله لا يظهر في الصفحه الرئيسيه في المدونه سوي موضوع واحد فقط اعطيني حـــــــل وغيرت القااالب وحذفت الكثير من الاضافات وايضا المشكله موحوده بالرغم اني ضبطت الاعدادات علي ظهور 7 رسائل

    ردحذف
    الردود
    1. لا يا أخي يجب أن تذهب الى الموضوع الذي يظهر لك وحيدا وضع عليه هذه
      العلامة
      رابط صورة العلامة http://im67.gulfup.com/QBCcDy.png

      حذف
    2. لا يا أخى أعتقد أن المشكلة هي بسبب خطأ في طريقة رفع الصور الى المدونة .. فإن كنت تسحبها من جهازك الى الموضوع مباشرة فإان هذا هو السبب أنصحك برفعها عن طريق علام الصورة أثناء كتابة الموضوع http://ebd3h.blogspot.com/

      حذف
    3. اخى اعتقد ان موضوعك قد يكون طويل لذا استخدم اذاة اقراء المزيد الغير اتوماتيكية لتقليل الموضوع وا شاء الله تنجح

      حذف
  17. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  18. غير معرف29/4/14 06:58

    هل يمكنني حظر متابع للمدونة من مشتركي وورد بريس ؟ شكراً لك.

    ردحذف
    الردود
    1. اخى لا اعرف واظن ان الاخ جلال لا يعرف لان هذة مدونة بلوجر ليست ورد بريس

      حذف
  19. السلام عليكم ورحمة الله وبركاته .. ممكن مساعدة بخصوص تطوير قالب خبر فلات .. http://khabareflat-temp.blogspot.com/
    أداة التسميات اللتي في الفوتر .. أريد تغير خلفيتها (ليس خلفية الفوتر وانما خلفية الاداة) .. وبحثت كثيرا عنها ولكني لم أجدها فأرجوك ممكن تعطيني الكود حتى أغير اللون .. شكرا لك

    ردحذف
    الردود
    1. اخي الكريم قم بالبحث عن هذا الكود #footer .Label li
      وقم بتغير لون الخلفية background-color: #444;
      غير الون حسب رغبتك (o)

      حذف
    2. شكرا لك .. تم الأمر بنجاح (h)

      حذف
  20. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  21. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اخي الفاضل مع كامل احترامي لك . ولكن هذا ليس مكانا للاعلان .. :-b

      حذف
    2. اخى هل انت احد مشرفى المدونة يا احمد رجب

      حذف
  22. جلال ممكن تعطيني كود تغير مقاس عرض الضفحة وهاذي صورة لعرض الصفحة http://www.gulfup.com/?gO2WFY

    ردحذف
    الردود
    1. يعني رمز معين بجانبه رقم عرض الصفحة علي شان ازودة مثال. ويعطيك الصحة والعافية .

      حذف
    2. الاستاذ جلال البعدانى مشغول قليلا تحت ضغط ظروف العمل انتظر قليلا

      حذف
  23. اخى وعدتنى لو غيرت القال ستعطينى القالب السابق

    ردحذف
    الردود
    1. انتظر قليلا لان الاستاذ البعدانى مشغول جدا

      حذف
    2. يا حبيبى هذا انا هههههههههههههههههههههه

      حذف
  24. ممكن ترد علي يا اخي جلال انا اشرف الشريف

    ردحذف
  25. اخي ممكن تعتيني هده الاضافة
    http://www12.0zz0.com/2014/05/16/12/329158794.png

    ردحذف
    الردود
    1. ابحث عن كيفية دمج تعليقات الفيسبوك مع تعليقات بلوجر وستجد الشرح ان شاء الله

      حذف
  26. http://mtatar.com/ts5/register.php?ref=106

    ردحذف
  27. اخي الكريم انا احب موقعك وموقع مصطفي
    انا من مستخدمي القالب 7-1 من مساعد العربي انا عاوز اضع مربع
    المزيد من الاخبار كل ما اضغط عليها يعرض المزيد من التدونات انا عاوز يكون زي المزمع دي الرجاء الرد انا لم اجد رد لهذا السال في اي موقع :-?

    ردحذف
  28. تم إضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر. شكرا جزيلا مهندس جلال البعداني

    ردحذف
  29. السلام عليكم
    ابطال ترافيان
    http://atravian.com/ts3/register.php?ref=249

    ردحذف
  30. السلام عليكم
    مشكور على هالمجهود والاضافات الرائعة (.بعد اذن الاخ جلال ) شباب الي حابب تبادل اعلاني يزور مدونتي واذا عجبتك ممكن نتبادل الاعلانات
    عالم الابداع http://decoration201.blogspot.com/

    ردحذف
  31. أزال المؤلف هذا التعليق.

    ردحذف
  32. أزال المؤلف هذا التعليق.

    ردحذف
  33. لدي إستفسار كيف يمكننا إضافة مربع الأكواد إلى مدونة بلوجر مثل ما إنتة عامل ياريت الإجابة وشكراً

    ردحذف
    الردود
    1. ضع ايميلك وسيتم ارسال الكود الخاص به

      حذف
  34. أخي السلام عليكم


    كيف أجعل هذا الكود أفقي و ليس عمودي

    أرجوااا الرد أو إرسال الكود إلى هذا الإيميل djabdou99@gmail.com

    ولك كل الشكرا يا حبيبي يا بعداني شكرا كتيييررر

    ردحذف
  35. جلال انا اقدم زوارك لكن لماذا انت حاليا فقدت دومينك :-?
    هل بسبب الــ $-)

    ردحذف
  36. غير معرف18/2/16 18:33

    شكرا ااخي مجهود كبير

    ردحذف