وضع أداة المواضيع الأكثر تعليقا في بلوجر بشكل احترافي

<

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

صورة للأداة

مثال حي للأداة

طريقة التركيب

1.تتجه الي لوحة التحكم
2.نختار التخطيط 
3.اضافة اداة
4.نختار اضافة اداة Html ثم نضع الكود

الكود

<style type="text/css" scoped>

#most-commented ul,#most-commented li{margin:0;padding:0;list-style:none;color:black;font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px}

#most-commented ul li{position:relative;overflow:hidden;background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #f5edf5 100%);border:1px solid #DFDFDF;margin:10 0 0px 0!important;padding:5px 5px 5px 45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

#most-commented ul li a{color:#666;text-shadow:0px 1px 0px #fff;font-weight:bold;text-decoration:none;}

#most-commented ul li:hover{background: #F9F9F9;}

.bubble-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:5px 0;background-color:#333;color:#fff!important;text-align:center;}

</style>

<div id="most-commented"></div>

<script type"text/javascript">

//<![CDATA[

// Most Commented Widget For Blogger by zaiim - http://zaiim.com

var numPosts=10;//

var homePage="alshabh4download.blogspot.com";//URL blog

var postTitlear=new Array();

var postUrlar=new Array();

var postCommentar=new Array();

var totalpost;document.write('<div id="most-commented"><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="bubble-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>

قم بتغيير

alshabh4download.blogspot.com

برابط مدونتك

-------------------------------------------------------------------------
قم بتغيير رقم 10

numPosts=10

بعدد المواضيع التي تريد ظهورها

<

10:03 ص