Chia sẻ thủ thuật, kiến thức về phát triển bản thân, các loại sách hay nên đọc (ebook), bạn có biết,... và nhiều kiến thức khác.

Theo dõi Đăng kýNếu bạn quan tâm, hãy nhấn nút

Hướng dẫn tạo tiện ích thống kê cực hay cho Blogger

huong dan tao tien ich thong ke cuc hay cho blogspot

THỦ THUẬT Nếu như bạn đã và đang sử dụng Blogger thì ắt hẳn bạn cũng biết một điều là nền tảng này không hỗ trợ tiện ích thống kê các bài viết, số lượng nhận xét,... mà chỉ có tiện ích thống kê số lượt người truy cập phải không nào.

Do đó, trong bài viết hôm nay, mình xin giới thiệu tới các bạn một thủ thuật rất hay sẽ giúp các bạn có thể thống kê được:

  • Số lượng bài viết bạn đã đăng.
  • Số lượng nhận xét trên tất cả các bài viết.
  • Thời gian tải trang mà bạn đang xem.
  • Tác giả bài viết.

THỐNG KÊ BLOG (DEMO)

Số bài viết:
Thời gian tải trang (giây):
Số nhận xét:
Tác giả: Socbay Notes

Bây giờ, chúng ta cùng nhau thực hiện nhé!

Tạo tiện ích thống kê đa năng cho Blogspot

Bước 1. Bạn hãy thêm tiện ích HTML/Javascript ở trong phần Bố cục vào nơi mà bạn muốn đặt.

Bước 2. Hãy chép đoạn mã dưới đây vào ô nội dung của tiện ích mà bạn vừa mới tạo.

<style>
.statistical-widget {width: 100%; padding: 10px 0; margin: 0 0 30px 0; background: #f5f5f5; color: #111}
.statistical-widget h3 {padding: 0 20px}
.posts-widget span, .time-widget span, .comments-widget span, .author-widget span {padding-left: 20px; float: left}
.posts-widget, .time-widget, .comments-widget, .author-widget {padding-right:20px; margin: 0 0 15px 0; text-align: right}
</style>

<div class="statistical-widget">
<h3>THỐNG KÊ BLOG</h3>
<div class="posts-widget">
<spanp>Số bài viết: </span>
<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="time-widget">
<span>Thời gian tải trang (giây): </span>
<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('<div id="endTime">0.0</div>');
var loopTime = setInterval("currentTime()", 100);
</script>
</div>

<div class="comments-widget">
<span>Số nhận xét: </span>
<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="author-widget">
<span>Tác giả: </span>Socbay Notes
</div>
</div>

Bước 3. Bây giờ, bạn hãy lưu lại và tận hưởng thành quả đi nào.

__________

Cái này mình không có làm màu mè mà chỉ cần những thứ đơn giản nhất để chạy tiện ích. Nếu bạn muốn trang trí sao cho đẹp và phù hợp với trang của bạn thì bạn hoàn toàn có thể tự làm được nếu như bạn biết một chút về CSS.

Xin cảm ơn bạn đã đọc bài viết và chúc bạn thành công!

CHỦ ĐỀ:    

0 nhận xét