Tạo Pagination đơn giản

Hướng dẫn tạo pagination đơn giản với code script thuần không sử dụng jquery . Nếu dùng query thì ngon hơn .
Tiếp tục bài viết này có thể là code script Pagination Dynamic mà các themes blogger hay dùng để tải nhanh bài viết không cần phải tải toàn bộ trang :D
Đoạn code bên dưới bạn chèn vào chỗ mà có đoạn code na ná dư này kiểu bài mới bài cũ ý nhé !

<div class="blog-pager" id="blog-pager">

<span id="blog-pager-older-link">

<a class="blog-pager-older-link btn btn-default" href="http://banthemes.blogspot.com/search?updated-max=2015-07-10T02:15:00-07:00&amp;max-results=3" id="Blog1_blog-pager-older-link" title="Bài đăng cũ hơn">Bài cũ</a>

</span>

</div>

<div class='pagenavi'>

        <script type='text/javascript'>

        var pageNaviConf = {

            perPage: 5,

            numPages: 9,

            firstText: &quot;First&quot;,

            lastText: &quot;Last&quot;,

            nextText: &quot;Next&quot;,

            prevText: &quot;Prev&quot;

        }

       </script>

<script class='jshilang' type='text/javascript'>

    //<![CDATA[

 

function pageNavi(o) {

    var m = location.href,

        l = m.indexOf("/search/label/") != -1,

        a = l ? m.substr(m.indexOf("/search/label/") + 14, m.length) : "";

    a = a.indexOf("?") != -1 ? a.substr(0, a.indexOf("?")) : a;

    var g = l ? "/search/label/" + a + "?updated-max=" : "/search?updated-max=",

        k = o.feed.entry.length,

        e = Math.ceil(k / pageNaviConf.perPage);

    if (e <= 1) {

        return

    }

    var n = 1,

        h = [""];

    l ? h.push("/search/label/" + a + "?max-results=" + pageNaviConf.perPage) : h.push("/?max-results=" + pageNaviConf.perPage);

    for (var d = 2; d <= e; d++) {

        var c = (d - 1) * pageNaviConf.perPage - 1,

            b = o.feed.entry[c].published.$t,

            f = b.substring(0, 19) + b.substring(23, 29);

        f = encodeURIComponent(f);

        if (m.indexOf(f) != -1) {

            n = d

        }

        h.push(g + f + "&max-results=" + pageNaviConf.perPage)

    }

    pageNavi.show(h, n, e)

}

pageNavi.show = function (f, e, a) {

    var d = Math.floor((pageNaviConf.numPages - 1) / 2),

        g = pageNaviConf.numPages - 1 - d,

        c = e - d;

    if (c <= 0) {

        c = 1

    }

    endPage = e + g;

    if ((endPage - c) < pageNaviConf.numPages) {

        endPage = c + pageNaviConf.numPages - 1

    }

    if (endPage > a) {

        endPage = a;

        c = a - pageNaviConf.numPages + 1

    }

    if (c <= 0) {

        c = 1

    }

    var b = '<span class="pages">Pages ' + e + ' of ' + a + "</span> ";

    if (c > 1) {

        b += '<a href="' + f[1] + '">' + pageNaviConf.firstText + "</a>"

    }

    if (e > 1) {

        b += '<a href="' + f[e - 1] + '">' + pageNaviConf.prevText + "</a>"

    }

    for (i = c; i <= endPage; ++i) {

        if (i == e) {

            b += '<span class="current">' + i + "</span>"

        } else {

            b += '<a href="' + f[i] + '">' + i + "</a>"

        }

    }

    if (e < a) {

        b += '<a href="' + f[e + 1] + '">' + pageNaviConf.nextText + "</a>"

    }

    if (endPage < a) {

        b += '<a href="' + f[a] + '">' + pageNaviConf.lastText + "</a>"

    }

    document.write(b)

};

(function () {

    var b = location.href;

    if (b.indexOf("?q=") != -1 || b.indexOf(".html") != -1) {

        return

    }

    var d = b.indexOf("/search/label/") + 14;

    if (d != 13) {

        var c = b.indexOf("?"),

            a = (c == -1) ? b.substring(d) : b.substring(d, c);

        document.write('<script type="text/javascript" src="/feeds/posts/summary/-/' + a + '?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')

    } else {

        document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')

    }

})();

    //]]>

</script>

</div>