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

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


الأن مع كيفية تركيب الإضافة على مدونتك :

الإضافة سهل تركيبة بدون أى تعب سوف تقوم بوضع الكود الخاص بالإضافة فى أداة جديدة على مدونتك أداة 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:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#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 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s font-size: 10px;font-family: 'Droid Arabic Kufi' , serif;}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#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:#444444;color:#FFF!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f} </style> <script type='text/javascript'> //<![CDATA[ var numPosts=10; var homePage="http://www.mustafa1.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>

التعديل الأساسية الذى سوف تقوم به على الإضافة كالأتى :

أولاً : سوف تقوم بتغيير رابط مدونتي عالم المدون http://www.mustafa1.com/ إلى رابط مدونتك

ويمكن تغيير العدد 10 بالعدد الذى تريدة لظهر المواضيع

ثانياً : التعديل على الأكواد الخاصه بالألوان فى الإضافة

الكود #fc4f3f يوجد منه كودين منه الكود الأول هو لتغيير لود الشريط الذى يظهر عند تمرير الماوس على عنوان الموضوع فى الإضافة ، والكود الثانى #fc4f3f هو لتغيير لون عدد التعليقات عند تمرير الماوس على عنوان الموضوع فى الإضافة .


الكود #444 هو لتغيير لو لون خط الموضوع عند تمريد الماوس على عنوان الموضوع فى الإضافة

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

شارك الموضوع ..