Cách tạo thống kê bài viết và nhận xét đơn giản cho Blogspot

huong dan tao thong ke so luong bai viet va nhan xet don gian cho blogspot

Như các bạn đã biết thì Blogger chỉ cung cấp cho chúng ta tiện ích thống kê số lượt truy cập mà không hề cung cấp các loại thống kê khác như thống kê số lượng bài viết đã xuất bản, thống kê số lượng nhận xét,...

Do đó, trong bài viết này mình sẽ hướng dẫn bạn tạo bộ đếm thống kê số lượng bài viết và nhận xét rất đơn giản chỉ với một đoạn mã Javascript ngắn là có thể giúp bạn thực hiện được điều này.

Bạn hãy nhấn vào nút DEMO ở dưới đây để xem thủ thuật này hoạt động như thế nào nhé! Và đây cũng là số lượng bài viết và nhận xét của Socbay Blogs luôn.

X
  • Tổng số bài viết:
  • Tổng số nhận xét:
  • Bây giờ, chúng ta cùng bắt đầu thực hiện nào.

    Thống kê bài viết và nhận xét đơn giản

    Bước 1. Đăng nhập tài khoản Blogger > Chủ đề > Chỉnh sửa HTML.

    Bước 2. Sao chép đoạn mã dưới đây rồi dán chúng vào vào nơi mà bạn muốn nó hiển thị.

    <script style="text/javascript">
    function numberOfPosts(json) {
    document.write('<span class="numbers-statistics">' + json.feed.openSearch$totalResults.$t + '</span>');
    }
    function numberOfComments(json) {
    document.write('<span class="numbers-statistics">' + json.feed.openSearch$totalResults.$t + '</span>');
    }
    </script>
    <div class="blogs-statistics">
    <li>Tổng số bài viết: <script src="http://www.socbayblogs.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
    <li>Tổng số nhận xét: <script src="http://www.socbayblogs.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li>
    </div>
    

    Bước 3. Để trang trí cho bảng thống kê giống như ở trên, bạn hãy thêm đoạn mã CSS dưới đây vào trước thẻ đóng ]]></b:skin>.

    .blogs-statistics {width:280px; background:#fff; color:#111;padding:15px 20px; margin:0 auto; font-size:15px; font-weight:700}
    .numbers-statistics {float:right}
    

    Hãy thay đường dẫn màu đỏ thành đường dẫn trang của bạn nhé!

    Bước 4. Nhấn nút Lưu chủ đề để hoàn tất.

    Chúc bạn thành công!