Bài Nổi Bật

randomposts

Tạo thống kê tuyệt đẹp cho Blogspot

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ụn...


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é!!
Tạo thống kê tuyệt đẹp cho Blogspot Reviewed by Lê Gia Minh on tháng 6 18, 2017 Rating: 5

Không có nhận xét nào:

Template byGia Minh IT © 2016 - 2018
Power ByBlogger | Phát Triển BởiLê Gia Minh | Facebook | Youtube

Hộp thư đóng góp ý kiến

Tên

Email *

Thông báo *

Được tạo bởi Blogger.