إضافة اخر المواضيع مع عدد التعليقات لكل موضوع

إضافة اخر المواضيع مع عدد التعليقات لكل موضوع

الكاتب : Memo Elkhawaga التاريخ : 10:45 م

بسم الله الرحمن الرحيم , السلام عليكم ورحمة الله وبركاته , اخواني اخواتي متابعي ومحبى مدونة Memo Elkhawaga ,, اليوم أحببت أن اقدم لكم اضافه  جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يريدون شكل مدونتهم أكثر احترافية  لارضاء جميع زوار مدوناتهم من خلال تنظيم وتجميل المدونه ولكن اليوم باذن الله سوف اقدم لكم هذه الاضافه الاحترافيه مما يزيد من جمالية المدونه  ويجعل زوار مدونتك راضيين كل الرضا عن شكلها لن اطيل عليكم ... نبدأ على بركة الله

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

أذهب الى مدونتك

1. انتقل الى تخطيط مدونتك
2. اختر المكان المناسب
3. ثم اضف اداة جديد
4. ثم اختر 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="www.memo-elkhawaga.ga";
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://www.memo-elkhawaga.ga/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> 

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

أولاً : سوف تقوم بتغيير رابط مدونتنا  www.memo-elkhawaga.ga إلى رابط مدونتك
ويمكن تغيير العدد 10  بالعدد الذى تريدة لظهر المواضيع

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

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

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

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

الموضوع منقول من مدونة عالم المدون للأفادة