0 » دروس بلوجر » اضافة اداة المشاركات الأكثر تعليقاً لمدونات بلوجر اضافة اداة المشاركات الأكثر تعليقاً لمدونات بلوجر

الصفحة الرئيسية » دروس بلوجر » اضافة اداة المشاركات الأكثر تعليقاً لمدونات بلوجر

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

3:21:00 متعليق واحد

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

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

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

• قم بنسخ الكود الذي في الاسفل
• و اذهب الى مدونتك ثم التخطيط
• اضافة اداة جديدة
• و اختر 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}#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:#383838;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="mrqas.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 rel="nofollow" rel="noreferrer"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>

التعديلات

الان سنقوم بالتعديل على الكود ليتناسب مع مدونتك

استبدل رابط مدونتي "mrqas.blogspot.com" برابط المدونة الخاصة بك.

غير كذلك الرقم "10" برقم العناوين التي تريدها ان تظهر في القائمة.

احفظ الاضافة و اعرض المدونة .

أتمنى ان تكون الاضافة قد نالت اعجابك.