• Giới thiệu
  • Liên hệ
  • Điều khoản
  • Bảo mật
Tech News, Magazine & Review WordPress Theme 2017
  • Home
  • Designer
    • PHOTOSHOP
      • Tutorial
      • Download
    • ILLUSTRATOR
      • Tutorial
      • Download
    • LIGHTROOM
      • Tutorial
      • Download
    • PHOTOGRAPHY
  • Blogspot
    • Template Blogspot
    • Thủ Thuật Blogspot
  • WordPress
    • Plugin WordPress
    • Theme WordPress
    • Thủ Thuật WordPress
  • Thủ Thuật
    • Công Nghệ
    • Web
    • Windows
  • Tài Liệu
    • Lập Trình
    • Khóa học
    • Phần mềm
No Result
View All Result
  • Home
  • Designer
    • PHOTOSHOP
      • Tutorial
      • Download
    • ILLUSTRATOR
      • Tutorial
      • Download
    • LIGHTROOM
      • Tutorial
      • Download
    • PHOTOGRAPHY
  • Blogspot
    • Template Blogspot
    • Thủ Thuật Blogspot
  • WordPress
    • Plugin WordPress
    • Theme WordPress
    • Thủ Thuật WordPress
  • Thủ Thuật
    • Công Nghệ
    • Web
    • Windows
  • Tài Liệu
    • Lập Trình
    • Khóa học
    • Phần mềm
No Result
View All Result
Đoàn Hải Blog - Kiến Thức Đó Đây
No Result
View All Result

Cách hiển thị lượt xem bài viết cho Blogger đơn giản

admin by admin
Tháng Mười 16, 2021
Home Blogspot Thủ Thuật Blogspot

Trong bài viết này mình sẽ chia sẻ về Cách hiển thị lượt xem bài viết cho Blogger đơn giản, bạn cùng mình xem nhé.

Mình thường thấy mọi người tìm kiếm về Cách thêm Bộ đếm lượt xem bài đăng trong Bài đăng trên Blogger nhưng hầu như không có giải pháp nào chính xác trên internet. Blogger có bộ đếm tích hợp nhưng nó không phải là ” Lượt xem bài đăng “, mà nó là ” (Tổng số) Lượt xem trang “. Mình cũng đã từng cố gắng để làm cho nó hiển thị lượt xem, nhưng không thành công. và rồi mình đã tìm ra được cách mà nó thể hiện như mình cần và nghĩ rằng mình sẽ chia sẻ cách làm của mình với bạn.

Cách hiển thị lượt xem bài viết cho Blogger đơn giản

Vui lòng làm theo các bước sau một cách cẩn thận để có được kết quả cuối cùng chính xác nhưng trước tiên hãy tạo một một bản sao lưu cho chủ đề của bạn nhé (để có gì không như mong muốn thì còn có cái mà backup).

Bước 1 – Tạo tài khoản Firebase.
Điều đầu tiên bạn phải làm là tạo một tài khoản Firebase. Nếu bạn đã có thì hãy chuyển sang bước tiếp theo. Hãy chắc chắn rằng bạn đang ở trên url này: https://console.firebase.google.com/project/_/firestore~2Fdata
Bước 2 – Tạo một dự án mới
Sau khi đăng nhập, hãy tạo một dự án mới bằng cách làm theo các hướng dẫn sau;
Nhấp vào “thêm dự án”
Nhập tên dự án và tiếp tục cho đến khi dự án được tạo. Bạn sẽ nhập dự án tự động.
cach hien thi luot xem bai viet cho blogger don gian 2
Mở rộng thanh bên.
cach hien thi luot xem bai viet cho blogger don gian 3
Chọn “Cơ sở dữ liệu thời gian thực”
cach hien thi luot xem bai viet cho blogger don gian 4
Tạo cơ sở dữ liệu mới
cach hien thi luot xem bai viet cho blogger don gian 5
Chọn “chế độ thử nghiệm” và nhấp vào “Bật”
cach hien thi luot xem bai viet cho blogger don gian 6
Cập nhật Quy tắc của cơ sở dữ liệu bằng cách thay thế bằng mã dưới đây.{ “rules”: { “.read”: true, “.write”: true, } }
cach hien thi luot xem bai viet cho blogger don gian 7
Nhận id dự án từ “setting> project setting”
cach hien thi luot xem bai viet cho blogger don gian 7
Xin chúc mừng! Bạn đã tạo thành công một Datebase để nó có thể làm việc được với cách thêm lượt xem.
Bước 3 – Cài đặt tập lệnh
Sau khi tạo dự án fFirebase thành công, chúng ta sẽ bắt đầu bước cuối cùng là thêm mã HTML, CSS & Javascript vào blogger.
Đăng nhập vào Blogger.com và điều hướng đến ” Chủ đề “.
Nhấp vào biểu tượng mũi tên gần “TÙY CHỈNH”
cach hien thi luot xem bai viet cho blogger don gian 8
Nhấp vào “Chỉnh sửa HTML”
cach hien thi luot xem bai viet cho blogger don gian 9
Hãy dán đoạn mã sau ngay trên thẻ đóng </body>.
<!-- Post Views Script  -->
<script type='text/javascript'>
//<![CDATA[
jQuery.getScript('//cdn.firebase.com/js/client/2.3.2/firebase.js').done(function() {
$.each($("a[name]"),function(e,o){var t=$(o).parent().find("#postviews"),n=new Firebase("//xxxxxxx.firebaseio.com/pages/id/"+$(o).attr("name"));n.once("value",function(e){var a=e.val(),s=!1;null==a&&(a={},a.value=0,a.url=window.location.href,a.id=$(o).attr("name"),s=!0),t.text(a.value),a.value++,"/"!=window.location.pathname&&(s?n.set(a):n.child("value").set(a.value))})});});
//]]>
</script>
<!-- Post Views Script by Blog -->
Thay thế id (xxxxxx) được đánh dấu bằng id dự án Firebase của bạn. Hãy chắc chắn rằng làm điều đó vì nó là một phần rất quan trọng.
Bây giờ, điều cuối cùng là đặt mã sau bên trong vị trí chứa bài đăng nơi bạn muốn hiển thị số lượt xem bài đăng của mình.
<a expr:href='data:post.Url' expr:name='data:post.id'><span id='postviews' title='Views'/></a>

Nếu bạn có bất kỳ câu hỏi nào về nó thì hãy bình luận bên dưới. Chúng tôi sẵn lòng dành thời gian để giúp bạn.

Đánh giá bài viết
[Total: 2 Average: 3]

Bài viết liên quan:

  1. Chia Sẻ Bộ Social Icons Tuyệt Đẹp Cho Blogspot
  2. Tạo trang chuyển hướng liên kết ngoài cho blogspot
  3. Tạo hiệu ứng loading đẹp cho blogspot
  4. Hướng dẫn thêm tiện ích đánh giá 5 sao trên Blogspot
  5. Tạo Khung Chứa Code Cho Blogspot Đẹp Với Highlight Js
Tags: hiển thị lượt xem bài viết cho Blogger
admin

admin

Next Post
Cách đếm số lượt xem bài đăng trong WordPress

Cách đếm số lượt xem bài đăng trong WordPress

Chuyển hướng 301 là gì? Tạo chuyển hướng 301 trong WordPress?

Chuyển hướng 301 là gì? Tạo chuyển hướng 301 trong WordPress?

Cách thêm bình luận Facebook vào Blogger

Cách thêm bình luận Facebook vào Blogger

Subscribe
Login
Notify of
guest
guest
0 Comments
Inline Feedbacks
Xem tất cả các bình luận

Chứng chỉ SSL là gì? • Kiến nghêu

Cách tạo các biến thể sản phẩm trong WordPress

Cách thêm tawk.to vào trang web wordpress

Cách gắn Pixel Facebook trên trang web WordPress của bạn một cách dễ dàng

CÁCH SỬ DỤNG WIDGET TRONG WORDPRESS

Hướng dẫn quản lý thành viên trên website wordpress

  • Viết BLog
    • Giới thiệu
    • Liên hệ
    • Điều khoản
    • Bảo mật

    © 2021 Đoàn Hải Blog

    No Result
    View All Result
    • Home
    • Designer
      • PHOTOSHOP
        • Tutorial
        • Download
      • ILLUSTRATOR
        • Tutorial
        • Download
      • LIGHTROOM
        • Tutorial
        • Download
      • PHOTOGRAPHY
    • Blogspot
      • Template Blogspot
      • Thủ Thuật Blogspot
    • WordPress
      • Plugin WordPress
      • Theme WordPress
      • Thủ Thuật WordPress
    • Thủ Thuật
      • Công Nghệ
      • Web
      • Windows
    • Tài Liệu
      • Lập Trình
      • Khóa học
      • Phần mềm

    © 2021 Đoàn Hải Blog

    wpDiscuz
    0
    0
    Rất thích suy nghĩ của bạn, hãy bình luậnx
    ()
    x
    | Reply