معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   شرح إضافة كود المشاركات الأكثر تعليقاً لبلوجر (https://www.bloggerexp.com/showthread.php?t=17831)

Hady store 06-18-2015 11:32 PM

شرح إضافة كود المشاركات الأكثر تعليقاً لبلوجر
 
بسم الله الرحمن الرحيم
مرحباً إخوانى الكرام أتمنى أن تكونوا بأفضل حال مدونة هادى ستور تقدم لكم اليوم كود لإضافة أكثر المواضيع تعليقاً فى مدونتك بالتاكيد أغلبية المدونين بحاجة لإضافة أشياء جديدة فى المدونات هذة الإضافة رائعة جداً لانها ببساطة شديدة توضح لك أنت وللزائر أكثر المواضيع نشاطاً وإهتماماً وأكثر المواضيع تفاعلاً تقدمها لك مدونة هادى ستور بشكل إحترافى جداً يظهر مدونتك بشكل جزاب .
  1. شرح تركيب الإضافة:
  2. تسجيل الدخول إلى الصفحة الرئيسية
  3. التخطيط > إضافة أداة جديدة
  4. إختار أداة جافاسكريبت وضع بها الكود التالى
اقتباس:

<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-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#f ff;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;hei ght: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="hadystore.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>


تخصيص الإضافة:
لتخصيص رابط مدونتك إستبدلة بهذا الكود "hadystore.blogspot.com"
وهذا الرقم "10" هو لتغيير عدد عرض المواضيع

والآن تم بحمد الله قم بحفظ الأداة

المصدر| مدونة هادى ستور |

http://hadystore.blogspot.com/2015/0...#ixzz3dSYaamVB



الساعة الآن 01:11 AM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012