Tạo Thống Kê Ảo Với Số Lượng View Khủng Cho Blogspot

Đã là một Blogger thì chắc chắn bạn phải có riêng cho mình một blog và ít nhiều gì thì lượt xem hay comment cũng có phải không nào? Và không phải bạn có cái thống kê của bạn ở trang chủ quản trị mà bạn cần tạo cho website của mình một bảng thống kê riêng.
Và cũng do một số yêu cầu của các bạn bè của mình nên hôm nay mình sẽ share khung Thống kê blogspot cực chất. Và nó có rất nhiều điều hay ho các bạn cùng tham khảo nhé!

Tiện ích thống kê này được mình edit lại từ Tiện ích giới thiệu của anh Ngô Quang Trường (Truongblogger.com) và thêm vào đó một số tính năng nói chung là hay ho để cho nó được bá đạo và đẹp mặt hơn

Thôi vào bài luôn nha, dài dòng nãy giờ đủ rồi 😀

Đầu tiên để tạo 1 widget thì chúng ta phải truy cấp vào Blogger => Bố cục (layout) => Thêm Tiện ích => HTML/Javascript rồi paste các đoạn code bên dưới vào nhé

1. Thống Kê Ảo All

Đây  là một dạng thống kê khá hay và đáng để cho các bạn thử. Nó khá là đơn giản bởi vì mình chỉ sử dụng lại các đoạn code mà anh Trường đã cung cấp ngay trong widget.
Cái này phần lớn là dành cho các bạn sống ảo thôi nhé :v

Code:

<style>

#ketnoi{margin:0 0 -5px;width: 100%;box-sizing: border-box;display: inline-block;position: relative;color: #333;line-height: normal;text-align: center; border: 2px solid #eee;font-weight: 700;font-size:12px}

#ketnoi a{color:#333}

#ketnoi-col-1{width: 33.3333%;float: left;}

#ketnoi-col-1 span,#ketnoi-col-1 p{margin:0;padding:0}

.ketnoi-icon{display: block;width: 50px;height: 50px;line-height: 50; text-align: center;background: #333;color: #fff;margin: 0 auto 5px;border-radius: 100%;transition: .3s;font-size: 22px;}

.ketnoi-pageview,.ketnoi-post,.ketnoi-comments,.{padding: 10px 0;}

.ketnoi-pageview,.ketnoi-post,.ketnoi-comments{border-bottom: 1px solid #eee}

.ketnoi-pageview,.ketnoi-post,.ketnoi-comments{border-left: 1px solid #eee;border-right: 1px solid #eee;}

.ketnoi-pageview i{background: #39599f}

.ketnoi-post i{background:#9b59b6}

.ketnoi-comments i{background:#1abc9c}

</style>

<div id='ketnoi'>

<div id='ketnoi-col-1'>

<div class='ketnoi-pageview'>

<i class="fa fa-eye ketnoi-icon"></i>

<span>6.682.293</span><p>Lượt Xem</p></a>

</div>

</div>

<div id='ketnoi-col-1'>

<div class='ketnoi-post'>

<i class="fa fa-pencil-square-o ketnoi-icon"></i><span>51</span><p>Bài Viết</p></a>

</div>

</div>

<div id='ketnoi-col-1'>

<i class="fa fa-comments ketnoi-icon"></i><span>828/span><p>Bình luận</p></a>

</div>

</div></div>

Tùy theo ý thích mà các bạn chỉnh sửa các con số mà mình in đậm trong code nhé!

2.Thống Kê Nữa Ảo Nữa Thật

Ok, cái này cũng là một cái thống kê nhưng cái này nó cao cấp hơn, Tại sao?. Bởi vì khung thống kê này được mình nâng cấp lại các phần và chú ý rằng cái đoạn code này mình có dùng đến  JavaScript (js) nên có lẽ nó sẽ ảnh hưởng đến việc load trang blog bạn đấy nhé

Code:

<style>

#ketnoi{margin:0 0 -5px;width: 100%;box-sizing: border-box;display: inline-block;position: relative;color: #333;line-height: normal;text-align: center; border: 2px solid #eee;font-weight: 700;font-size:12px}

#ketnoi a{color:#333}

#ketnoi-col-1{width: 33.3333%;float: left;}

#ketnoi-col-1 span,#ketnoi-col-1 p{margin:0;padding:0}

.ketnoi-icon{display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #333;color: #fff;margin: 0 auto 5px;border-radius: 100%;transition: .3s;font-size: 22px;}

.ketnoi-facebook,.ketnoi-post,.ketnoi-comments,.{padding: 10px 0;}

.ketnoi-facebook,.ketnoi-post,.ketnoi-comments{border-bottom: 1px solid #eee}

.ketnoi-post,.ketnoi-lienhe{border-left: 1px solid #eee;border-right: 1px solid #eee;}

.ketnoi-facebook i{background: #39599f}

.ketnoi-post i{background:#9b59b6}

.ketnoi-comments i{background:#1abc9c}

</style>

<div id='ketnoi'>

<div id='ketnoi-col-1'>

<div class='ketnoi-facebook'>

<i class="fa fa-eye ketnoi-icon"></i> <a> <script type='text/javascript'>document.write(Math.floor((Math.random()*2738)+500000));</script></a>

<p>Lượt Xem</p>

</div>

</div>

<div id='ketnoi-col-1'>

<div class='ketnoi-post'>

<i class="fa fa-file-pencil-square-o ketnoi-icon"></i><span><script style="text/javascript">function showpostcount(t){document.write(parseInt(t.feed.openSearch$totalResults.$t,10))}</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><p>Bài viết</p>

</div>

</div>

<div id='ketnoi-col-1'>

<div class='ketnoi-comments'>

<i class="fa fa-comments ketnoi-icon"></i><span><script style="text/javascript">function numberOfComments(e){document.write(e.feed.openSearch$totalResults.$t)}</script><script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></span><p>Bình luận</p>

</div>

</div></div>

Nói luôn cho các bạn khỏi tò mò rằng đoạn code này chỉ thống kê chính xác số lượng comments và số lượng post trên blog thôi nhé, còn số lượng view blog là random tự động đấy nhé.
Đừng có dại mà chụp màng hình số lượng views lại rồi đăng lên các trang mạng xã hội nhé, bị ném đá sml đó

3.Thống Kê Hoàn Hảo - Chuẩn All

Phần này là vì code có hạn nên mình sẽ  để trống nhé =). Nếu sau này mình tìm ra được đoạn code thống kê tổng lượt xem trang thì mình sẽ update.

Ok! Mình đã giúp các bạn tạo một thống kê cho Blog rồi đấy, bây giờ phần thực hành là của các bạn. Các bạn cũng có thể phối các đoạn code lại với nhau để tạo cho mình một thống kê riêng với style của các bạn.

Còn bây giờ thì mình xin chào các bạn nhé!
Chúc các bạn thành công nhé! Có gì không được thì cứ bình luận bên dưới mình sẽ giải đáp nhé. Cảm ơn các bạn!