Thứ Năm, 11 tháng 10, 2018

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

Thứ Năm, 11 tháng 10, 2018 - - 1 comment - lượt xem

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

1 nhận xét:

  1. Em sang thăm Anh, đọc bài. Dạo này em lười đi thăm blog quá. Hic
    Em chúc Anh luôn vui khỏe!

    Trả lờiXóa

Các bạn có thể:
- Copy và dán trực tiếp link ảnh (đuôi gif, jpg, jpeg, png, bmp) vào khung nhận xét.
- Copy ký tự biểu tượng cảm xúc và dán vào khung nhận xét.