Hướng Dẫn Thủ Thuật Hiển Thị Số Lượt Xem Bài Đăng Trong Blogspot
Để làm được thủ thuật này các bạn thực hiện các bước sau:
Bước 1: Đăng ký tài khoản Firebase
Firebase cho bạn đăng ký miễn phí để sử dụng tiện ích này, bạn vào link đưới đây để đăng ký. Rất dễ dàng để bạn tạo 1 App cho tiện ích này.
https://console.firebase.google.com/project/firebase-nguyendatkhanh/overview
Blog Khanhnguyen, có được 1 App là: https://nguyendatkhanh.firebaseio.com/
Bước 2: Thêm code thống kê vào mẫu.
Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
-( Ctrl + F ) tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó
/*-------- Thống kê bài viết ----------*/ #views-container { width: 85px; float: right; } .mbtloading { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN0-AWyUglJ-rcdd5kL38gf1nYkZbLbuqp1EekFSk3U-jH3CrBbStX1j6jAsWGB5Tc7zOdxy4TIg2fMjVQm8hiBHKVu2oQ58eWrqQvfMAd-2u14MoClF4fBJIwi6ymXbPEZBhLrgZxy6nf/s320/mbtloading.gif') no-repeat left center; width: 16px; height: 16px; } .viewscount { float: right; color: #EE5D06; font: bold italic 14px arial; } .views-text { float: left; font: bold 12px arial; color: #333; } .views-icon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEpgeBiGQzIS9UrXTIINjw54qUvrDmr0AXjTOmv3kKZ9xaidQFnfu_5s6MVOuubPhhjUMsuiYqGWopJgLx3t_kQfK7lYkw8ihr-Y7JyeXhTp5GDOavoOE469XO4tcuWgVneECptjYv70Qe/s1600/postviews.png') no-repeat left;border: 0px; display: block; width: 16px; height: 16px; float: left; padding: 0px 2px; }
- Chữ bôi đỏ là màu sắc của số đếm,
-> Tiếp theo bạn tìm tới </body> và dán code dưới đây ngay trên nó.
<script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> <script> $.each($('a[name]'), function(i, e) { var elem = $(e).parent().find('#postviews').addClass('mbtloading'); var blogStats = new Firebase("https://nguyendatkhanh.firebaseio.com/pages/id/" + $(e).attr('name')); blogStats.once('value', 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('name'); isnew = true; } elem.removeClass('mbtloading').text(data.value); data.value++; if(window.location.pathname!='/') { if(isnew) blogStats.set(data); else blogStats.child('value').set(data.value); } }); }); </script>
- Link: https://nguyendatkhanh.firebaseio.com được bạn thay đổi bằng link của bạn lấy.
- Bạn Click vào lấy Code như hình phía dưới.
Tiếp theo, bạn tìm tới <data:post.body/> và dán code dưới đây ngay phía dưới nó.
Chú ý: Nếu bạn tìm thấy nhiều <data:post.body/> thì hãy lựa chọn kết quả tìm thấy đầu tiên, trình tự bằng cách thử đưa Code vào như hướng dẫn cho đến khi xuất hiện.
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>
PS: Đoạn Javascript này cần sự hỗ trợ của Jquery nên nếu trong Template bạn chưa thấy có thì thêm Jquery đó vào dưới <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
-> Bạn lưu lại template của Blog sau khi hoàn thiện Code.
Chúc các bạn thành công.
Người viết: Nguyễn Đạt Khánh
Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..
Được viết bởi Khánh Nguyễn
Blog của tôi, Nguyễn Đạt Khánh là tên của tôi :Nghề nghiệp: IT Computer Networking - Kỹ thuật viên Mạng máy tính Viễn thông
Bạn đang xem Blog của tôi. Đừng quên nhấn Like và Share để ủng hộ. Một điều tốt nhất mà tôi mong đợi, là những dòng Comments thiện chí với nhau. Xin chân thành cảm ơn tất cả các bạn.
Nơi truy cập vào Nick của Tôi trên mạng:
0 Comments:
Đăng nhận xét