اضافة أداة الزوار الأكثر تفاعلا لمدونات بلوجر

اضافة أداة الزوار الأكثر تفاعلا لمدونات بلوجر

السلام عليكم متابعي مدونة اضافات بلوجر

في هذا الموضوع سنقوم بشرح طريقة اضافة أداة رائعة لمدونات بلوجر..

هذه الاضافة تمكنك من اظهار أكثر الأشخاص تفاعلا مع مواضيع مدونتك..وتقوم باظهار الأشخاص الذين لهم أكبر عدد من التعليقات في مدونتك..

وهذا سيشجع متابعي مدونتك على أن يتفاعلو أكثر مع منشوراتك مما سيعطي لمدونتك نشاطا أكبر ..

لنمر الى شرح كيفية اضافة هذه الأداة :

اذهب الى لوحة التحكم في بلوجر

اختر "التخطيط" ثم أضف أداة جديدة 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/AVvXsEjoCbanmlWR_5zRt-Hb3XB7yW5wCU7aB89zCDstauZi2VH4nm6Nr5xiiOXWP9E0UybOwMNfgEOVl71r-vVvj3Y5fzrfZ5GaM0PL7FxwAsBbq_YwQqCsTZzvYP2QNAt6NknIjPiDBzhgzoJo/s1600/avatar_blue_m_96.png" + sizeAvatar;

var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-XwMyaUHXrTDOZT31P1q0IFP5TRbJ_Kx-IEinlwnippjt78QPmF2vpCojryLDT4x1WQRgGXt7e0yRa6TmCNn-LCgSrEXXEkNGa0D9Z3Zoy3pQU1e9QXE33QVhaBIe1qUkQo5O3CnlLjx7/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>

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