أضافة اداة الاكثر تعليقا بميزات مميزه

عدنا لكم مجددا اصدقائي ومعي اضافة مميزة ورائعه اقدمها لكم اتمنى ان تعجبكم هذه الاضافة تعطي جمالا لمدونتك بالاضافة تساعد زوار مدونتك بالتصفح وتنقل بكل سهولة داخل مدونتك ندخل الى الموضوع
يمكنك معاينة الاضافة من هنا تجدها في القائمة الجانيية

• معاينة

الان تتوجة الى لوحة تحكم مدونتك وبعدها الى صفحة التخطيط وتقوم باضافة الكود تالي في اداة HTML/JavaScript

<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:cursive,droid arabic kufi;font-size:11px;text-align: right;}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #FF4D00;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #FF4D00}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#575253;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#FF4D00}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=8;
var homePage="qaisi1web.blogspot.com";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(j){var a=j.feed.entry.length;totalpost=a;
for(var f=0;f<a;f++){
var h=j.feed.entry[f];
var c=h.title.$t;var b;
var g;if(f==j.feed.entry.length){break}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';
document.write(e)}}
function sortPosts(){function c(d,f){var e=postTitlear[d];
postTitlear[d]=postTitlear[f];
postTitlear[f]=e;
var e=postUrlar[d];
postUrlar[d]=postUrlar[f];
postUrlar[f]=e;
var e=postCommentar[d];
postCommentar[d]=postCommentar[f];
postCommentar[f]=e}
for(var b=0;b<postTitlear.length-1;b++){
for(var a=b+1;a<postTitlear.length;a++){
if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}
document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>

طريقة تعديل ألأضافة 

 قم بتغير هذه الرابط qaisi1web.blogspot.com  وضع مكانة رابط مدونتك من دون https://

لتغير لون المربع عند مرور الماوس عليه   قم بتغير الكود التالي #FF4D00 
لتغير لون مربع عدد التعليقات قم بالبحث عن الكود التالي#FF4D00 وغيره بما يناسبك 

بالتوفيقـق

عدنا لكم مجددا اصدقائي ومعي اضافة مميزة ورائعه اقدمها لكم اتمنى ان تعجبكم هذه الاضافة تعطي جمالا لمدونتك بالاضافة تساعد زوار مدونتك ...