33333333333333

SỐ lượt xem bài:

 Template Blogspot | Thủ Thuật Blog | Khóa Học | Game Hay

KIẾM TIỀN

MMO Online

Clickbank

Youtube

Tiếp Thị Liên Kết

Blog/Web

Bán Hàng

Moblie

Rút Gọn Link

Adsense

Droshipping

Facebook

Digital Marketing

Content Marketing

Google ADS

Facebook ADS

Zalo ADS

Tiền Điện Tử

Sàn Giao Dịch

Mua Bán

Kiến Thức

Kiến Thức

Thanh Toán Online

Mạng Quảng Cáo - Netword

Netword

Kiến Thức Seo

THỦ THUẬT

Blog

Seo

Máy Tính

Office

Website

Mobile

Facebook

DOWNLOAD

Khóa Học Free

Công Nghệ Thông Tin

Tin Học - Văn Phòng

Thiết Kế - Lập Trình

Digital Marketing

Kinh Doanh - Khởi Nghiệp

Nhiếp Ảnh - Dụng Phim

Ngoại Ngữ

Nuôi Dạy Con

Sale - Bán Hàng

Phong Thủy

Kỹ Năng

Tài Chính

Youtube

Quảng Cáo

Khóa Học Seo

Theme Wordpress

Bán Hàng

Video - Phim

Tin Tức

Tổng Hợp

Tổng Hợp

Mẫu Nhà Đẹp

Win - Ghost

Hình Nền

Phần Mềm

Tài Liệu Hay

Ảnh PSD

Game

Game Online

Game Offline

Game Thể Thao

Game Bắn Súng

Game Nhập Vai

Game Chiến Thuật

Game Ðối Kháng

Game Hành Ðộng

Game Anime

Game Chặt Chém

TEMPLATE

Phim - Video

Ảnh - Photo

Anime

Amp

Tin Tức - Tạp Chí

Bất Động Sản

Bán Hàng

Cá Nhân

Nhạc - Music

Du Lịch

Bán Code - Theme

Miễn Phí

PRO

Phim - Video

Ảnh - Photo

Tin Tức - Tạp Chí

Bất Động Sản

Bán Hàng

Cá Nhân

>

TOOL

Mã Hóa Code

Nén CSS

Bảng Mã Màu CSS,HTML,RGB,CMYK

Tool Giải Mã Javascript

MÃ HÓA - GIẢI MÃ URL, HEX VÀ BASE64

>

HOT

Xem HH3D

Xem Phim

Template Phim

Áo Dài

Ảnh 18+

Kphim

Xem phim online

Gái xinh

Xem Anime

Phim Vietsub

>


×

type to search


Home  ›  thu-thuat-blog

Cách thêm hiển thị số lượt xem bài viết đơn giản cho Blogger với busuanzi.js

 6.9.21 Cập nhật : 06 thag 09, 2021 08:29 (GMT+07:00)  Add Comment


Hiển thị số lượt xem bài viết để xem mức độ quan tâm của độc giả đối với bài viết. Bạn có thể áp dụng cách dùng Firebase, với ưu điểm là ổn định do là một sản phẩm của Google, nhược điểm là sử dụng Js kích thước lớn, cách cài đặt có thể gây khó khăn cho một số bạn chưa quen.


Cách thêm hiển thị số lượt xem bài viết đơn giản cho Blogger với busuanzi.js

Bài viết này mình sẽ hướng dẫn một cách khác, đơn giản hơn, js nhẹ hơn đó là dùng busuanzi.js


Bước 1 :Vào mục chỉnh sửa mẫu của Blogger, thêm script sau lên trên thẻ đóng </body>:


<script>

/*<![CDATA[*/

var bszCaller,bszTag;!function(){var c,d,e,a=!1,b=[];ready=function(c){return a||"interactive"===document.readyState||"complete"===document.readyState?c.call(document):b.push(function(){return c.call(this)}),this},d=function(){for(var a=0,c=b.length;c>a;a++)b[a].apply(document);b=[]},e=function(){a||(a=!0,d.call(window),document.removeEventListener?document.removeEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.detachEvent("onreadystatechange",e),window==window.top&&(clearInterval(c),c=null)))},document.addEventListener?document.addEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.attachEvent("onreadystatechange",function(){/loaded|complete/.test(document.readyState)&&e()}),window==window.top&&(c=setInterval(function(){try{a||document.documentElement.doScroll("left")}catch(b){return}e()},5)))}(),bszCaller={fetch:function(a,b){var c="BusuanziCallback_"+Math.floor(1099511627776*Math.random());window[c]=this.evalCall(b),a=a.replace("=BusuanziCallback","="+c),scriptTag=document.createElement("SCRIPT"),scriptTag.type="text/javascript",scriptTag.defer=!0,scriptTag.src=a,document.getElementsByTagName("HEAD")[0].appendChild(scriptTag)},evalCall:function(a){return function(b){ready(function(){try{a(b),scriptTag.parentElement.removeChild(scriptTag)}catch(c){bszTag.hides()}})}}},bszCaller.fetch("//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback",function(a){bszTag.texts(a),bszTag.shows()}),bszTag={bszs:["site_pv","page_pv","site_uv"],texts:function(a){this.bszs.map(function(b){var c=document.getElementById("busuanzi_value_"+b);c&&(c.innerHTML=a[b])})},hides:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="none")})},shows:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="inline")})}};

/*]]>*/

</script>




Bước 2 : Thêm code hiển thị lượt xem bài viết bên dưới vào vị trí mong muốn ở trang bài viết:

<span id='busuanzi_container_page_pv' style='display:none'><span id='busuanzi_value_page_pv'></span> views</span>



CÓ THỂ BẠN MUỐN XEM:

Hướng dẫn hiển thị lượt xem bài viết cho Blogger bằng Firebase

Cách hiển thị lượt xem bài viết cho Blogspot vơi Firebase

Share Code hiển thị tất cả bình luận cho Blogger

Hướng dẫn cách ẩn phần tử bất kì trên mobile cho blogger

Cách thêm Anti Adblock Script cho Blogger

- Thêm code thống kê blog (số khách đang truy cập, số lượt xem blog) vào vị trí mong muốn:

<span id='busuanzi_container_site_uv' style='display:none'>

Site Visitors&#65306;<span id='busuanzi_value_site_uv'></span>

</span>

<span id='busuanzi_container_site_pv' style='display:none'>

Traffic&#65306;<span id='busuanzi_value_site_pv'></span>

</span>

Hạn chế :

Nhược điểm của cách này là khi ở trang index, số lượt xem từng bài viết sẽ không được hiển thị, mà nó chỉ hiển thị khi bạn đang ở trang bài viết.


SHARE THIS POST

CÓ THỂ BẠN MUỐN XEM

Share code chống copy, chống xem mã nguồn trang web chuẩn nhất cho blogspot

Share code chống copy, chống xem mã nguồn trang web chuẩn nhất cho blogspot

Hướng dẫn đăng bài mới tự động cho blogspot bằng IFTTT chi tiết nhất

Hướng dẫn đăng bài mới tự động cho blogspot bằng IFTTT chi tiết nhất

Hướng dẫn thêm nút Donate Paypal cho blogspot chuẩn nhất

Hướng dẫn thêm nút Donate Paypal cho blogspot chuẩn nhất

Giải mã những đoạn code được mã hóa

Giải mã những đoạn code được mã hóa

Hướng dẫn sử dụng Font Awesome Icons chi tiết nhất

Hướng dẫn sử dụng Font Awesome Icons chi tiết nhất

Hướng dẫn sử dụng Robots.txt để tối ưu chuẩn SEO cho Blogger

Hướng dẫn sử dụng Robots.txt để tối ưu chuẩn SEO cho Blogger

Hướng dẫn tạo quảng cáo Catfish - cố định dạng nổi thông dụng chi tiết cho blogger

Hướng dẫn tạo quảng cáo Catfish - cố định dạng nổi thông dụng chi tiết cho blogger

Hướng dẫn tạo phân trang cho blogspot đẹp chuẩn nhất

Hướng dẫn tạo phân trang cho blogspot đẹp chuẩn nhất


0 RESPONSE TO "CÁCH THÊM HIỂN THỊ SỐ LƯỢT XEM BÀI VIẾT ĐƠN GIẢN CHO BLOGGER VỚI BUSUANZI.JS"

Cảm ơn các bạn đã để lại bình luận ! COMMENT, LiKE , SHARE nếu thấy hữu ích :)


Newer PostOlder Post

KÊNH YOUTUBE CỦA TÔI


Đăng ký tên miền Đăng ký hosting



TRENDING

Đánh giá chi tiết nên chọn hình thức nào kiếm tiền Google Adsense hay Affiliate Marketing

Đánh giá chi tiết nên chọn hình thức nào kiếm tiền Google Adsense hay Affiliate Marketing

Share Template TopFlix Blogger Responsive Tuyệt Đẹp Cho Blog Phim

Share Template TopFlix Blogger Responsive Tuyệt Đẹp Cho Blog Phim

Hướng dẫn tích hợp Ancplayer Phim Media Cho Blogspot Chuẩn Nhất

Hướng dẫn tích hợp Ancplayer Phim Media Cho Blogspot Chuẩn Nhất

Vphim template blogger - Template phim cao cấp chuyên nghiệp cho westite phim

Vphim template blogger - Template phim cao cấp chuyên nghiệp cho westite phim

Template phim blogger Phim24H chuẩn SEO Responsive mới nhất

Template phim blogger Phim24H chuẩn SEO Responsive mới nhất

Anime TV template blogger tuyệt đẹp chuẩn responsive để làm website phim, anime

Anime TV template blogger tuyệt đẹp chuẩn responsive để làm website phim, anime

Theme Code PhimMoi.Net Wordpress - Code Phim Huyền Thoại Cực Đep Chuẩn Seo Cho Site Phim

Theme Code PhimMoi.Net Wordpress - Code Phim Huyền Thoại Cực Đep Chuẩn Seo Cho Site Phim


CommentNhãnXem Nhiều

Mạnh VillaMạnh Villa

password

Mạnh VillaMạnh Villa

không chỉ cách đăng bài ,sao mà biết bạn…

Mạnh VillaMạnh Villa

cám ơn

Legend PhimLegend Phim

link tải về mà bạn :)

TT-TTTT-TT

ttpgdt@gmail.com


LIÊN KẾT

Xem HH3D

Xem Phim

Template Phim

Áo Dài

Ảnh 18+

Phim 18+

Kphim

Xem phim online

Gái xinh

Xem Anime

Phim Vietsub

Hãy ủng hộ họ bằng 1 click vào liên kết nhé! Thỉnh thoảng mình vẫn hay kiểm tra các liên kết.

LABELS


TRANSLATE

Chọn Ngôn ngữ​▼

    DMCA.com Protection Status 

Giới thiệu Liên Hệ Chính sách Sitemap Feedback

Copyright 2023 Template Blogspot | Thủ Thuật Blog | Khóa Học | Game Hay

Contact Me on Zalo


Nhận xét