Tạo thống kê tuyệt đẹp cho blogspot/blogger

Thống kê số bài viết, số lượt bình luận,… là những tiện ích cần thiết đối với một website, blog. Trong bài viết này mình chia sẻ tới các bạn một tiện ích thống kê tuyệt đẹp cho blogspot.
Bạn có thể xem trực tiếp tiện ích này ở blog của mình hoặc như hình bên dưới.
Tạo thống kê tuyệt đẹp cho blogspot/blogger

Hướng dẫn cách làm:

Để thực hiện thêm tiện ích này bạn cần Đăng nhập blogger -> Bố cục -> Thêm tiện ích HTML sau đó sử dụng đoạn code dưới đây

<style>
section.widget_info_blog{padding:0!important;overflow:hidden;background:transparent!important;border-radius:3px 3px 0 0!important}
.col-widget.so-bai{border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.col-widget.so-cau-hoi{border-bottom:1px solid #ccc}
.col-widget.so-comment{border-right:1px solid #ccc}
.feau{height:100px;background:linear-gradient(#075eac,#1a75c6);font-size:25px;color:#fff;padding:5px 0;text-align:center}
.logo-widget img{max-height:80px;border:5px solid #fff;border-radius:50%;margin-top:-40px;margin-left:calc(50% - 40px);background: #4d90fe;}
.info{float:left;width:100%;background:#f2f2f2;min-height:50px;margin-top:-45px;padding:5px}
.col-widget{float:left;width:50%;text-align:center;height:35px;line-height:35px;font-size:15px;color:#222;}
</style>

<div class="feau"> Sống Để Chia Sẻ </div>
<div class="logo-widget"> <img src="http://lh4.googleusercontent.com/-oSc40XLZ8HE/WRib6sIB0PI/AAAAAAAABU8/mn7qbOUrEq8bWLlTuOY3IOa8bBPmYslSACK4B/s1600/LOGO.png" /> </div>
<div class="info">
    <div class="col-widget so-bai"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
        <script style="text/javascript">
            function showpostcount(json) {
                document.write(parseInt(json.feed.openSearch$totalResults.$t, 10));
            }
        </script>
        <script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
    </div>
    <div class="col-widget so-cau-hoi"> <i class="fa fa-refresh" aria-hidden="true"></i>
        <script type="text/javascript">
            var startTime = new Date();

            function currentTime() {
                var a = Math.floor((new Date() - startTime) / 100) / 10;
                if (a % 1 == 0) a += ".0";
                document.getElementById("endTime").innerHTML = a;
            }
            window.onload = function() {
                clearTimeout(loopTime);
            }
        </script>
        <script type="text/javascript">
            document.write('<span id="endTime">0.0</span>');
            var loopTime = setInterval("currentTime()", 100);
        </script>
    </div>
    <div class="col-widget so-comment"> <i class="fa fa-comments-o" aria-hidden="true"></i>
        <script style="text/javascript">
            function numberOfComments(json) {
                document.write(json.feed.openSearch$totalResults.$t);
            }
        </script>
        <script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
    </div>
    <div class="col-widget so-tra-loi"> <i class="fa fa-users" aria-hidden="true"></i> 10 </div>
</div>

Sau đó lưu tiện ích lại và quay lại trang chủ xem kết quả.

Tiện ích thống kê trên bao gồm:

  • Tổng bài viết
  • Tổng số bình luận
  • Thời gian tải trang
  • Số tác giả website (cái này sửa tay) ?
    Blogspot có một bài hạn chế nên mình chỉ tuỳ chỉnh được như trên, bạn nào có thể tuỳ chỉnh những tiện ích hay hơn thì chia sẻ để mọi người cùng sử dụng nhé!!
    Chúc bạn thành công!
Loading...

Quang Trường

Giá trị của một con người không phải là khi họ đang ở vị trí thuận lợi mà là khi họ đang rơi vào hoàn cảnh khó khăn và đau khổ nhất.

8 thoughts on “Tạo thống kê tuyệt đẹp cho blogspot/blogger

  • 19/06/2017 at 11:40
    Permalink

    Cái time tải ko cần thiết, bỏ cho nhẹ

    Reply
  • 03/07/2017 at 17:21
    Permalink

    Không liên quan nhưng bạn có thể giúp mình cách ẩn 1 page blogspot khỏi kết quả tìm kiếm được không, mình có 1 trang nhưng chỉ muốn khách vào đó đọc thôi chứ không muốn nó có trong kết quả tìm kiếm

    Reply
  • 13/07/2017 at 16:54
    Permalink

    Nếu muốn thay số tác giả bằng tổng lượt truy cập mà không muốn dùng tiện ích thống kê của blog thì làm ntn ạ?

    Reply

Cùng tham gia bình luận bài viết nhé!

%d bloggers like this: