إضافة أداة أخر التعليقات مع صور المعلقين إلى مدونات بلوجر

أكتوبر 28, 2015 brd

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

معاينة حية للإضافة

شرح طريقة التركيب :
 1 . أدخل إلى لوحة التحكم بلوجر ثم إضغط على التخطيط أضف أداة Html/Javascript وضع بها كود الإضافة التالي :

<style scoped='' type="text/css">
ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitWa4ie-l_vltnVqFH7rR3awL5V0xuIMk4vyLIJGY0JTVkrXofj_x1JM0lbPe70K9In7Ojka3qlRn5Lk72Ws_2SG9SwtMfUL9GsEOySJHAlgtCz3b3h5DVYRM2y8BmIzSrDQtzXVrLtNYC/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPbvSqpopxNHavpt1-9U0LPGTJ66DDyF177YmQpcFy63DxlFGNsxC8id5MPck9PqqDRXWBNO8BD31LtxG9K7GYixvFx8h_6ncXugXnu72q4NUP4-miJQQBGNtTFb-KGylFlFOV6bbIgYBP/"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=15,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8nWqZb0cn7mHnt7VYQFR-HJ4gRxWwnH9wBtRhJe62O5i24t7xUoy1igadcNzIKduoPi-C8GHRfZeGx3nGdaCABPMMh3YCuIYjoOfG1Y6hI2VUhN7Mavkqy9awebPXV0w-6kTenmEw-NOD/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=15"></script>

تنسيق الإضافة :
استبدل الرقم 15 بعدد التعليقات التي ستظهر ستجدها مرتين بالون الأحمر .

مشاركة