إضافة زر تحميل المزيد من المواضيع

ميزة زر تحميل المزيد من المواضيع: 

1. اذهب للوحة تحكم بلوجر
2. اذهب لصفحة المظهر ثم تعديل HTML
3. في بداية الأكواد وبالتحديد /head
4. ضع الكود التالي تحته

تركيب الزر داخل مدونة بلوجر

<div id='con-technomee'>
   <a expr:data-url='data:olderPageUrl' href='javascript:;' id='btn-technomee'>عرض المزيد</a>
   <div id='loader-technomee'>
   </div>
</div>

إضافة شكل جميل للزر

#con-technomee{text-align:center;width:100%;height:auto;float:none;}
#btn-technomee{display:inline-block;float:none;font-size:16px;font-weight:bolder;text-decoration:none;color:#fff;background-color:#D52C1F;box-shadow:0 0 2px #D52C1F;padding:2px 15px;margin:10px auto;border-radius:5px;transition:250ms;}
#btn-technomee:hover{opacity:0.7;}
@keyframes loaderanime{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}
#loader-technomee{display:none;margin:10px auto;width:30px;height:30px;border:solid 4px #D52C1F;border-radius:100%;border-right-color:transparent;border-top-color:transparent;animation:loaderanime 500ms linear infinite;}

جعل الزر فعال

<script type='text/javascript'>
//<![CDATA[
var divOfPosts = ".blog-posts",
    dotechnomee = !0;
$("#btn-technomee").click(function(a) {
    if (a.preventDefault(), 1 == dotechnomee) {
        let a = $(this).attr("data-url");
        $(this).hide(), $("#loader-technomee").show(), $.ajax({
            url: a,
            success: function(a) {
                let t = $(a).find("#Blog1 " + divOfPosts).html(),
                    o = $(a).find("#btn-technomee").attr("data-url");
                $("#Blog1 " + divOfPosts).append(t), o.length > 1 ? $("#btn-technomee").attr("data-url", o) : ($("#btn-technomee").html("لا يوجد المزيد"), dotechnomee = !1, $("#btn-technomee").css("background-color", "#aaa"))
            },
            complete: function() {
                $("#loader-technomee").hide(), $("#btn-technomee").fadeIn()
            }
        })
    }
});
//]]>
</script>