Thêm tiện ích thống kê bài viết và nhận xét cho blogspot

Bài viết này mình sẽ hướng dẫn làm cách nào để thêm tiện ích thống kê số lượng bài viết và nhận xét đơn giản cho blogspot. Vì 2 dữ liệu này được lấy từ feed nên bạn phải để chế độ mở cho tất cả người đọc

Giao diện cho tiện tích

Sử dụng đoạn CSS sau để tạo giao diện cho tiện ích
.total{background:#066;text-align:center;padding:5px;color:#eee}

Thêm tiện ích thống kê vào blog

Bước 1: Tạo widget HTML/Javascript mới tại vị trí bạn muốn thêm tiện ích
Bước 2: Sử dụng đoạn code bên dưới sau đó lưu lại
<div class='total'>
<strong id='Stats1_totalComments'>&amp;hellip;</strong> Comments/ <strong id='Stats1_totalPosts'>&amp;hellip;</strong> Posts</div>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>

2 Comments
Comments

2 comments

9:aj Gọn nhẹ, đẹp mắt! Thanks admin
14/8/17
Làm Bằng Đại Học Giá Rẻ , Làm Bằng Trung Cấp, Làm Bằng Cấp 3 Tại Hà Nội, TPHCM & Các Tỉnh, Lam Bang Dai Hoc Cam Kết Không Nhận Tiền Đặt Cọc ...
https://lambangdaihoclayngay.blogspot.com/p/lam-bang-cao-dang.html
https://lambangdaihoclayngay.blogspot.com/p/lam-bang-cao-dang.html

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->