Có rất nhiều cách để hiển thị trình xem bài đăng trên Blogger, cách phổ biến nhất là sử dụng cơ sở dữ liệu firebase nhưng vẫn còn rất nhiều vấn đề khiến nhiều người không hiểu việc sử dụng cơ sở dữ liệu firebase, cho nên mình sẽ chỉ cho bạn cách bạn thêm số lượt xem bài viết mà không cần sử dụng bất kỳ loại cơ sở dữ liệu firebase nào.
Hiển thị lượt xem bài đăng để làm gì?
Nếu bài viết của bạn được đăng lên blog và nó lên top của google thì bài viết của bạn sẽ có lượng truy cập rất nhiều. Việc thêm tiện ích hiển thị lượt xem cho bài đăng nhằm tăng độ uy tín của bài viết và người đọc sẽ truy cập nhiều hơn.
Làm thế nào để thêm số lượt xem vào bài viết blogger?
Bước 1: Đăng nhập vào Blogger.
Bước 2: Trên bảng điều khiển Blogger , Chọn Chủ Đề ➺.Chỉnh Sửa HTML.
Bước 3: Thêm đoạn code dưới vào nơi mà bạn muốn hiển thị lượt xem bài viết. Ví dụ như <data:post.body/>.
<b:if cond='data:view.isPost'><i class='fa
fa-eye'/><span id='busuanzi_container
_page_pv' style='display:none'><span
id='busuanzi_value_page_pv'/> View</span></b:if>Bước 4: Tìm thẻ </head> hoặc thẻ </body> và dán đoạn JS dưới vào trên nó nhé.
<script type='text/javascript'>
//<![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>{codeBox}
Bước 5: Ấn lưu và kiểm tra xem blog của bạn nhé.
Design by @KiMiDev
Bước 1,2,3 đâu admin