إضافة أكثر الزوار و المدونين تعليقاً لمدونات بلوجر بسكريبت بسيط

| تعليقات (8)

السلام عليكم ورحمة الله
معكم عفريت بلوجر ومع جديد الإضافات , كيفية إضافة أكثر الزوار و المدونين تعليقاُ  في مدونتك في عناصر المدونة وتخصيصها حسب رغبتك ودلك بإضافة كود بسيط في عناصر الواجهة .

أولاً توجه للعناصر الواجهة
ثم افتح عنصر 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 = 10;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 = 45;var cropAvatar = true;//var urlNoAvatar = "http://2.bp.blogspot.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;var urlAnoAvatar = 'http://1.bp.blogspot.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/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>


ثم قم بحفظ القالب وستظهر الإضافة بالوضع الإفتراضي على حسب ألوان مدونتك الرئيسية إنتهينا ببساطة . لكن؟ إدا كنت ترغب في تخصيصها واضافتها بشكل وألوان اخرى ما عليك إلا التغيير على السكريبت التالي حسب ما سأشير إليه في الأسفل.

قم بالبحث عن var maxTopCommenters = 10 في السكريبت وغير الرقم 10 بعدد الأشخاص الدين تريد ظهورهم قم يالبحث عن var sizeAvatar = 45; في السكريبت وغير الرقم 45 لتغيير حجم صورة المعلقين

إنتهى الدرس أتمنى تضيفوها بسهولة وتغيروها كما تريدون ولأي استفسار أو سؤال فالتعليقات مفتوحة للجميع وأنا أرد عليها وهده أيضاً صفحتي على الفيسبوك للمساعدتكم
بالتوفيق ^^


+ تعليقات + 8 تعليقات

11 مايو، 2014 10:18 ص

رااااااااااائع

17 مايو، 2014 10:03 ص

جيد

2 يوليو، 2014 8:50 ص

http://hikam-alanbiyaa.blogspot.com/

19 يوليو، 2014 8:50 ص

شكرااا على الاضافة

1 يوليو، 2015 7:58 ص


جامعة المدينة العالمية
http://www.mediu.edu.my/ar/
المكتبة الرقمية
http://dlibrary.mediu.edu.my/

تمثل المكتبة الرقمية لجامعة المدينة العالمية من أبرز الصور الداعمة للبحث العلمي للدارسين والمتخصصين والباحثين في شتى فروع المعرفة؛ حيث تضم أكثر من خمسين ألف مرجع، تغطي كافة التخصصات الأكاديمية، وتقوم بالتحديث المستمر لهذا المحتوى؛ مما يحقق تراكمًا معرفيًا ضخمًا على المدى البعيد.
الرؤية:
إتاحة قاعدة عريضة من المعلومات والبحوث العلمية المسموعة والمقروءة لخدمة الطلاب والباحثين المعتزين بالقيم الإسلامية القادرين على مواجهة التحديات، والمشاركين في نهضة المجتمعات.
الرسالة:
تقديم الخدمات المكتبية الرقمية والمصورة والمسموعة المتكاملة.
الهدف من المكتبة الرقمية:
1. نشر الرصيد العلمي في سائر فنون العلم والمعرفة وتعميمه بأسلوب يحقق الفائدة العلمية المرجوة.
2. توظيف التقنية الحديثة والاستفادة القصوى ممّا تُتيحه من إمكانات هائلة في مجال المكتبات وبالأخص الشبكة العالمية للمعلومات “الإنترنت”.
3. خدمة الدارسين والباحثين في شتّى بقاع الأرض بما يُوفِّر عليهم الجهد والوقت في التصفّح والعرْض والبحث بطريقة عرْض تتناسب مع المعايير العالمية للمكتبات.
4. التعاون والمشاركة والتسويق المتبادل للموارد المكتبية مع الجهات المختصة.
موقع المكتبة الرقمية
http://dlibrary.mediu.edu.my/

10 يونيو، 2016 5:38 ص

Thanks for sharing

Play html5 games for kids on mobile with a great collection of free html5 & flash games for kids on mobile & touchscreen devices like iPad, Android, Kindle Fires, tablets, smart phones and other portable deceives. Awesome collection of html5 kids games and flash games for free including action games, sports games, car racing games, puzzles games and adventure games.

Popular kids games collection and share it with your friends.

إرسال تعليق

مرحبا بتعليقاتكم وردودكم

Related Posts Plugin for WordPress, Blogger...
 
مدوناتي : الرضوان | عفريت بلوجر | Radouane Ouarhou blog | © 2011 - 2016 - جميع الحقوق محفوظة مدونة عفريت بلوجر
PageRank Checking Icon