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 - - 8 comments - 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

8 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
    Trả lời
    1. Rồi sẽ có lúc HĐ có thời gian thăm bạn bè mà!
      HĐ cứ vui vẻ nhé! :)

      Xóa
  2. Tìm đường vào nhà anh hơi khó...
    Chúc anh cuối tuần vui vẻ!

    Trả lờiXóa
    Trả lời
    1. DVD cảm ơn anh vào thăm blog thủ thuật của DVD, chúc anh an lành! :)

      Xóa

Thông báo đơn giản

Các bạn có thể:
- Copy và dán trực tiếp link ảnh vào khung nhận xét.
  Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa.
- Thêm một vài biểu tượng cảm xúc...

Tiện ích hướng dẫn comment và ký tự emoticonst Zing

:)) :(( :) :-ss =)) :( :d @-) :p :-o [-( :-? :-t b-( =d>

Hướng dẫn viết nhận xét:
- Copy ký tự bên phải emo muốn chọn và dán vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
  Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa.

Tiện ích hướng dẫn comment và ký tự emoticonst Yahoo

:(( :( :)) ~X( :-h :-? b-) *-:) ~O) @};- >:D< =)) :) :-* :D [-X x( :-o =D> :@) :P :"> ;;) ;) :X =(( :-/

Hướng dẫn viết nhận xét:
- Copy ký tự bên phải emo muốn chọn và dán vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
  Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa.