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

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

السلام عليكم ورحمة الله وبركاته ، مع أداة " الأكثر تعليقاً" حصرياً على مدونة مستر ميدو ، هي أداة تعرض لك أكثر المقالات تعليقا في مدونتك طريقة عملها تشبه لحد كبير مبدأ المشاركات الشائعة لكن الفرق ان الأخيرة تصنف المقالات على حسب عدد الزيارات لها .

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

لاضافة الكود

اذهاب إلى بلوجر > تخطيط > إضافة أداة > HTML/JAVA وضع فيها الكود الاتي

<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family: cursive,droid arabic kufi;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 = "alfa-webs.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>

قم بتغييرvarnumPosts : بعدد المقالات التي ستظهر
قم بتغيير varhomepage : برابط مدونتك

عن الكاتب

مستر ميدو
عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.