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

  • الصفحة غير موجودة ، 404

    الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

    يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

    ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

    أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

    العودة للرئيسية

    الاثنين، 7 مارس، 2016

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




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



    والأن شاهد المعاينة الإضافة على قالب أذهل فى الجانب
    او على قالب Motive Mag  فى الجانب

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


    الإضافة سهل تركيبة بدون أى تعب سوف تقوم بوضع الكود الخاص بالإضافة فى أداة جديدة على مدونتك أداة 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="abdocr2.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>


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




    أولاً : سوف تقوم بتغيير رابط مدونة عالم المدون  wdbloog.blogspot.com إلى رابط مدونتك

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

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

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

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


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




    شارك الموضوع ليستفيد الجميع

    مواضيع قد تهمك ايضا

    هناك 17 تعليقًا:

    اضافة جميل شكرا الك اخي واتمنا الك توفيق

    تم اضافتها في المدونة شكراا

    اضافة جميل يا اخي ممكن ترسلها لي
    jonilinux1@gmail.com
    وشكراا

    الله يوفقك يا اخي تابع

    الأضافة اخى لا تحتاج ان الرسلها لك كود الأضافة فى الموضوع

    شكرا لك اخى على دعمك

    شكرا لك على دعمك المستمر

    شكرا لك اخى وبالتوفيق لك ايضا

    يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
    الأبتساماتأخفاء الأبتسامات

    Mohon Aktifkan Javascript!Enable JavaScript



    إتصل بنا

    الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر