Thủ thuật đếm số lượt xem bài đăng

Chú ý: Chỉ nên dùng để hiển thị số lượt xem trong bài đăng, không dùng cho trang chủ, vì nếu bạn lạm dụng nhiều quá có thể gây tình trạng blog tải (load) chậm.

1/ Đăng nhập blogspot.

2/ Vào "Thiết kế" - "Chủ đề" - "Chỉnh sửa HTML"

3/ Copy đoạn code dưới đây (chữ màu đỏ) và dán vào vị trí bạn muốn hiển thị số lượt xem của bài đăng.

<!-- Code by THichCode.NET -->
<!-- Code có dùng JQuery -->
<b:if cond='data:blog.pageType == "item"'>
    <style>
        .viewers .loading {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: transparent url('http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif') no-repeat 0 0;
            vertical-align: middle
        }
    </style>
    <span class='viewers label-info' expr:id='data:post.id'> <span class='loading'></span> lượt xem</span>
 
    <script src='http://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
    <script type='text/javascript'>
        //<![CDATA[
        // Hàm xử lý số lượt xem
        $(function() {
            var a = $(".viewers");
            a.each(function() {
                var n = $(this).attr("id"),
                    /*
                     đây là project đã được tạo sẵn, nếu bạn không thích thì
                     tạo mới tại https://console.firebase.google.com/
                    */
                    e = new Firebase("project-1915249200075701329.firebaseio.com/" + n);
                e.once("value", function(n) {
                    var i = n.val();
                    null == i ? i = 1 : "/" != window.location.pathname && i++, e.set(i), a.children("span").removeClass("loading").html(i)
                })
            })
        });
        //]]>
    </script>
</b:if>

4/ Nhấp "lưu" và xem kết quả.
Chúc các bạn thành công!


Nguồn:
https://www.thichcode.net/2016/07/code-hien-thi-luot-xem-bai-viet-don-gian-cho-blogspot.html