Thứ Hai, ngày 02 tháng 5 năm 2016

Share Code Đếm Lượt Xem (View) Bài Viết cho Blogger Blogspot

Như các bạn đã biết Blogspot không hỗ trợ cấu trúc đếm lượt view bài viết trên trang vì thế cần dùng cách của bên thứ 3 để hỗ trợ. Các này đếm tương đối chính xác nhưng bù lại khả năng load trang sẽ chậm hơn 1 chút do sử dụng jquery và javascript để chạy. Nếu những site nào cảm thấy hiển thị view là quan trọng thì hãy sử dụng nhé


Chào các bạn ! theo mình được biết thì phần lớn các bạn còn lúng tụng khi tạo lượt đếm cho blogspot . chắc rằng các bạn củng đả tìm tòi hay làm theo hướng dẩn của một số trang thủ thuật blogspot khác , nhưng kết quả tạo số đếm sẽ không hoạt động . Hoặc một số bạn đang phải dùng tiện ích có sẳn như  amitjain v.v... Vậy hôm nay mình viết bài này hướng dẩn bạn tạo đếm lượt xem bài viết cho blogspot

Bước đầu tiên mà bạn nào củng đều quan tâm đó là demo : demo đếm lượt xem bài viết cho blog bạn có thể xem ngay trên blogspot của mình luôn nhé , rất mượt mà , loát nhanh không hề lỗi . Còn phải suy nghĩ gì nữa không nhĩ mình bắt tay vào công việc luôn nhé !

Bước 1 : Bạn vào trang https://www.firebase.com/signup đăng ký cho mình một tài khoản nhé  ! Nếu bạn nào còn bở ngỡ thì vào đây xem : Hướng dẫn đăng ký và tạo link chưa dử liệu trên firebase.com

Bước 2 : Đăng nhập vào blogspot , vào blog bạn muốn thêm lượt đếm ---> tới Mẫu ---> chỉnh sử HTML 
- Bên trong "HTML EDITOR", nhấn "Ctrl + F" và tìm đến thẻ mở  <head> copy đoạn mả bên dưới và dán vào ngay đưới thẻ <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

- Sau đó tìm thẻ đóng </body> Bên trong "HTML EDITOR", nhấn " thường thì thẻ này nằm dưới cùng rồi copy đoạn mả bên dưới dán ngay bên trên thẻ đóng </body>

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> <script> $.each($(&#39;a[name]&#39;), function(i, e) { var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;); var blogStats = new Firebase(&quot;https://viewblog.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;)); blogStats.once(&#39;value&#39;, function(snapshot) { var data = snapshot.val(); var isnew = false; if(data == null) { data= {}; data.value = 0; data.url = window.location.href; data.id = $(e).attr(&#39;name&#39;); isnew = true; } elem.removeClass(&#39;mbtloading&#39;).text(data.value); data.value++; if(window.location.pathname!=&#39;/&#39;) { if(isnew) blogStats.set(data); else blogStats.child(&#39;value&#39;).set(data.value); } }); }); </script>

Ở bước này bạn thay đường link màu đỏ bằng đường link bạn đả tạo ở bước 1 . Ví dụ như hình bên dưới



- Tiếp theo bạn copy đoạn mả phía dưới rồi dán vào chổ bạn muốn hiển thị

<span> Lượt xem : <class id='postviews'/><a expr:name='data:post.id'/> </span>
Mình hy vọng bạn sẽ rất thích bài hướng dẩn này của mình . Chúc các bạn thành công !
Nếu bạn copy bài này chia sẽ trên diển đàn của bạn xin để lại nguồn bài viết http://myfancy.org xin chân thành cảm ơn !


Viết bài bởi : Quockiencoltd