Trang chủ › Thủ Thuật Blogspot
Hướng dẫn tạo phân trang với nút tải thêm bài viết blogspot
Đăng Bởi : ADMin (Sáng Lập) *
Giới Tính : Nam - Durex Bảo Vệ Đàn Chim Việt
Đăng Lúc : Thứ Sáu, 30 tháng 7, 2021

Hướng dẫn tạo phân trang với nút tải thêm bài viết blogspot

 Hướng dẫn tạo phân trang với nút tải thêm bài viết (loadmore posts) trên blogspot với chỉ vài bước đơn giản sau đây giúp Blog của bạn trở nên chuyên nghiệp hơn. .
Hướng dẫn tạo phân trang với nút tải thêm bài viết blogspot


Cách thực hiện 
1. Thêm tất cả javascript bên dưới vào trước thẻ </body>
<script type='text/javascript'>//<![CDATA[
(function(a) {
    function h() {
        g || (g = !0, d ? (b.find("a").hide(), b.find("img").show(), a.ajax(d, {
            dataType: "html"
        }).done(function(c) {
            var c = a("<div></div>").append(c.replace(j, "")),
                e = c.find("a.blog-pager-older-link");
            e ? d = e.attr("href") : (d = "", b.hide());
            c = c.find(i).children();
            a(i).append(c);
            window._gaq && window._gaq.push(["_trackPageview", d]);
            window.gapi && window.gapi.plusone && window.gapi.plusone.go && window.gapi.plusone.go();
            window.disqus_shortname && a.getScript("https://" + window.disqus_shortname + ".disqus.com/blogger_index.js");
            window.FB && window.FB.XFBML && window.FB.XFBML.parse && window.FB.XFBML.parse();
            b.find("img").hide();
            b.find("a").show();
            g = !1
        })) : b.hide())
    }
    function k() {
        var a = Math.max(f.height(), l.height(), document.documentElement.clientHeight),
            b = f.scrollTop() + f.height();
        0 > a - b && h()
    }
    var d = "",
        b = null,
        i = "div.blog-posts",
        g = !1,
        f = a(window),
        l = a(document),
        j = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;
    a(document).ready(function() {
        if ("item" != _WidgetManager._GetAllData().blog.pageType && (d = a("a.blog-pager-older-link").attr("href"))) {
            var c =
                a('<a class="loadpost" href="javascript:;" >tải thêm bài viết</a>');
            c.click(h);
            var e = a(
                '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VwEzi4dv-zKg2UqPky1ZtDajm6CHx1kRu6tI8c4kyzVOWK5ai8VIE8xXKLPhARmENQZ1fwCvKVUs5Ti4pza8vdmgT8zi2o4KoSLeOioCoM7sfpzlZCghk63DMk4IdcRwMHIJylBwfkXP/s0/ajax-loader.gif" style="display: none;">'
            );
            f.scroll(k);
            b = a('<div class="bsw-ajax-loadmore"></div>');
            b.append(c);
            b.append(e);
            b.insertBefore(a("#blog-pager"));
            a("#blog-pager").hide()
        }
    })
})(jQuery);
//]]></script>

2.Thêm đoạn code bên dưới vào trước thẻ đóng ]]></b:skin> trong mẫu của bạn.
/**** Tai bai viet moi nhat *****/
.bsw-ajax-loadmore {
    clear: both;
    text-align: center;
}
a.loadpost {

    margin: 5px 0 10px;

    display: inline-block;

    padding: 0 40px 0 10px;

    height: 36px;

    background: #005791;

    position: relative;

    font-family: Arial;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 38px;

    color: #fff;

    text-decoration: none;

    border-radius: 100px;

   border: 2px solid #f10a20;

}

a.loadpost:before {

    display: block;

    width: 30px;

    height: 30px;

    background: url(https://i.imgur.com/W169O3u.png) -68px -36px no-repeat;

    position: absolute;

    top: 3px;

    right: 5px;

    content: "";

}
/**** Tai bai viet moi nhat *****/

Lưu ý template phải có thư viện jquery.
<script src='//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript'/>
Chúc Các Bạn Thành Công
Xêm Thêm : Thủ Thuật Blogspot ,

Cùng Chuyên Mục