Tạo bộ đếm lượt xem bài viết cho Blogger, đây là một tiện ích khá quen thuộc mà bạn từng thấy trên các Theme của WordPress. Khi các Blogger Covert Theme WordPress sang Blogger thì một điều họ vẫn chưa thể làm được đó là: Làm sao để hiển thị lượt xem bài viết trên trang chủ? và câu hỏi ấy đã được trả lời. FireBase là dịch vụ sẽ giúp bạn thực hiện điều đó, rất đơn giản nhưng nó làm cho BLOG của bạn chuyên nghiệp hơn.
Tiện ích được tạo bởi Jquery và FireBase. Đây là một tiện ích phù hợp với các trang chuyên về Video, TV khá thú vị nhé!
Các bước thực hiện
Bước 1: Truy cập FireBase và đăng kí một tài khoản.
Chỉ cần bạn có 1 gmail bạn chọn tài khoản đó là OK
Bước 2: Sau khi đăng kí xong, bạn sẽ được chuyển hướng vào trang sau khi đăng nhập. Tại đây bạn chọn Manage APP
Các bạn lưu lấy link FireBase trên thanh địa chỉ trình duyệt có dạng:
Bước 3: Các bạn lưu ý trong Template của bạn cần phải có thư việc Jquery rồi nhé! Thêm đoạn CSS sau vào trên thẻ ]]>
.post-header-line-1 {overflow:hidden}
.viewers{margin:10px 0;display:table;background:#fefefe;color:#333;padding:6px 12px;box-shadow:inset 0 0 0 1px #c9c9c9;cursor:default;font-weight:bold;transition:all .3s ease-out}
.viewers:hover {background:#aaa;color:#fff;box-shadow:inset 0 0 0 1px #888;}
.viewers .loading {display:inline-block;width:20px;height:20px;background:transparent url(‘http://4.bp.blogspot.com/-wxZ5pjyYyaw/VayIXoixrWI/AAAAAAAAD6A/W51FR1H6jHg/s1600/loading.gif’) no-repeat 0 0;vertical-align:middle}
Bước 4: Thêm đoạn code sau lên trước thẻ
Bước 5: Thêm đoạn code sau vào nơi bạn muốn chèn bộ đếm.
Views
Bước 6: Lưu Template. Vậy là bạn đã tạo thanh công một bô đếm lượt xem bài viết khá tuyệt cho Blogger.