Thứ Bảy, 24 tháng 8, 2013
Số lượt xem bài này:
Tạo đếm lượt người xem bài viết trong Blogspot !
Blogger ngày càng khẳng định sức mạnh bởi sự đơn giản trong thiết kế cũng như việc quản lý. Việc thống kê số lượt xem trên mỗi bài viết cũng được khá nhiều bạn quan tâm. Trong bài viết này mình sẽ hướng dẫn bạn cách đếm lượt truy cập trên mỗi bài viết. Các bài hướng dẫn tạo bộ đếm truy cập Blog thì khá nhiều nhưng bài hướng dẫn đếm số lượt xem của độc giả ở các bài viết của mình trên Blog thì khá hiếm.
Tôi muốn trang bị cho Blog của mình bộ đếm số người xem bài viết của mình nhưng tìm mãi trên mạng không có cái nào. Có cái cứ vào blog là các bài viết đồng loạt được tăng lên một cả. Tìm mãi tôi mới thấy thủ thuật này là hay vì chỉ vào bài viết nào thì bài đó mới được tăng lượt dếm còn các bài khác không vào số đếm vẫn được giữ nguyên ! Có điều con số tăng chỉ hiện lên sau lần vào sau thôi không hiện ngay lúc ta vào.
Mặc dầu vậy tôi vẫn chưa ưng ý với bộ đếm lắm vì mỗi lần Reload thì bộ đếm vẫn tính là ta đã vào xem bài viết và chỉ đếm được kể từ khi ta lập bộ đếm này thôi còn trước đó thì không !
Tôi xin viết tút lại rất cụ thể với hình ảnh minh họa để các bạn không quen với chỉnh sữa HTML của mẫu Blog dễ sử dụng thủ thuật hơn. Trong quá trình áp dụng thủ thuật này tôi đã được sự giúp đỡ nhiệt tình của bạn Minh Anh với đ/c mail : connect@erhay.com. Tôi xin có lời cảm ơn !
Đầu tiên mời bạn xem Demo:
Sau đây là các thao tác thực hiện (Kích vào ảnh để xem ảnh to hơn)
Bước 1: Tạo một tài khoản Firebase
Nhấn vào đây để đăng ký
Bước 2: Tạo trang Firebase.
+ Sau khi nhấn Sign up firebase sẽ chuyển bạn đến trang như hình :
+ Không cần điền gì cứ nhấn Next
Tại trang tiếp theo làm như hình dưới
Vậy là mình sẽ có link của firebase :
http://minhluong129.firebaseIO.com
Bước 3: Thêm vào Blogger.
+ Sao lưu template của bạn để đề phòng trường hợp thực hiện sai
+ Vào Dashbroad -> Mẫu -> Chỉnh sửa HTML. Ở trang HTML blog của mình, bạn hãy kích chuột vào một chỗ trống trong nó rồi nhấn Ctrl+F. Sau đấy nhập vào ô Search các code mà mình cần tìm để chèn các code thủ thuật tôi cho vào vị trí thích hợp
Cách chèn các bạn làm theo thứ tự như các hình hướng dẫn bên dưới :
1- chèn ngay sau thẻ mở <head> code thủ thuật sau :
Nơi chèn như hình dưới
2- Chèn trên thẻ đóng </body> code thủ thuật sau :
Vị trí chèn, bạn xem hình dưới và lưu ý là sau khi chèn phải thay chỗ http://minhluong129.firebaseio.com bằng link FIREBASE của bạn mà bạn đã thu được ở cuối bước 1 (quan trọng !! )
3- Chèn trước thẻ <data:post.body/> đoạn code thủ thuật dưới đây:
Vị trí chèn xem hình dưới (phải đúng vị trí đó vì trong code Template Blog của bạn có thể đã hack nên có rất nhiều <data:post.body/> đó). Nếu không đúng vị trí sẽ không hiện được số lượt xem bài viết đâu !
Vị trí chèn trong Template, xem hình dưới
Thế là công việc chèn đã xong, bạn hãy lưu mẫu và thoát khỏi chương trình chỉnh sữa HTML rồi thoát ra khỏi Blog.
Sau đấy vào lại Blog dể xem kết quả
Chúc các bạn thành công !
Nơi chèn như hình dưới
Còn nếu muốn trang trí chữ số ở bộ đếm này, các bạn có thể chèn code thủ thuật sau đây vào trước thẻ đóng </head> trong Template Blog của mình (trong code thủ thuật các bạn có thể thay màu text và màu chữ số theo ý mình. Tôi đã có chú thích trong code mẫu)
7 nhận xét
Bạn cho mình hỏi, sao mình chèn vào blog của mình thì nó cứ hiện thành 2 dòng vậy (số lượt xem nó nhảy xuống dưới chư không cùng 1 dòng như của bạn)
Bạn gửi code mà bạn đã chèn vào Blog của mình qua mục: LIÊN HỆ VỚI ADMIN (ở thanh menu ở phía trên Blog này) cho mình để mình chỉnh sửa hộ và gửi lại cho bạn qua mail nhé :-?
Thì mình chèn toàn bộ các đoạn code như bạn đã hướng dẫn ở trên đó
Trong đoạn code chèn trước thẻ đóng </head>,bạn chỉnh con số ở dòng: padding-left:10px; lớn hơn lên nhé !(lớn bao nhiêu thì bạn phải thử thôi nhé)
Có lẽ không phải chỗ đó. Mình chỉnh số rồi, chẳng thấy thay đổi gì bạn à
Có thể mẫu blog của Bạn đã hack nhiều nên chèn đoạn code đó trước thẻ </head> không còn tác dụng. Bạn vóa đoạn code đó đi trước thẻ </head> và chèn vào vị trí như trong hình. Nếu được rồi thì thôi nếu không tiếp tục chỉnh thông số ở dòng:padding-left:10px; nhỏ hơn hoăc lớn hơn nhé
http://i721.photobucket.com/albums/ww220/minhluong_2009/cho%20Blog/1_zps08d4109b.png
Chèn vào là lỗi luôn bạn ạ. Mình cũng đã gỡ tiện ích này ra rồi vì thấy nó hiển thị không đúng với số liệu trên blogger. Chênh lệch hơi nhiều bạn à. Dẫu vậy cũng cảm ơn vì bạn đã HD nhé !
Đăng nhận xét
1- Nhận xét chỉ nên liên quan đến bài đăng, phải có tính chất xây dựng và có văn hóa !
2- Để chèn biểu tượng cảm xúc vào nhận xét, các bạn nhập các ký hiệu bên dưới của hình vào phần viết nhận xét.
3- Việc nhập tài khoản Google của bạn và nhập 2 từ xác minh trước lúc gửi nhận xét là bắt buộc !
4- Các bạn có thể chèn Video trên Youtube hay ảnh bằng cách dán link của video (trên thanh địa chỉ) hay link ảnh trực tiếp ở khung soạn thảo nhận xét !
5-Các bạn có thể post code trong nhận xét nhưng phải mã hóa code trước ! Để mã hóa code các bạn vào đây