Home » Thủ thuật blog
Tiện ích hiển thị số lần đọc bài viết
[FD's BlOg] - Như ta đã biết, blogger không hỗ trợ php, vì thế việc đếm lượt truy cập phải thực hiện gián tiếp từ 1 sever khác, và cũng áp dụng thủ thuật này, bài viết này mình sẽ giới thiệu cho các bạn bộ đếm "số lượt xem bài viết" dùng php qua 1 web trung gian.
Xem bản cập nhật mới nhất của thủ thuật ở đây
Xem hình minh họa kết quả:

Để thực hiện thủ thuật này, bạn chỉ việc copy đọan code của nó và dán vào nơi mà muốn hiển thị.
☼ Bắt đầu:
1. Đăng nhập blog
2. Vào ố cục (Layout)
3. Vào chỉnh sửa code HTML (edit code HMTL)
4. Chọn mở rộng mẫu tiện ích (expand widget template)
5. Xác định nơi bạn muốn hiển thị bộ đếm, ở đây mình sẽ giới thiệu cho các bạn 3 vị trí:
a. Bên dưới tiêu đề bài viết:
- các bạn tìm đọan code sau :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<div id='title_post'> <a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
{CODE Của thủ thuật dán ở đây}
b. Bên dưới bài viết:
- các bạn tìm đọan code sau :
<data:post.body/>
{CODE Của thủ thuật dán ở đây}
c. Bên dưới footer của bài viết:
- các bạn tìm đọan code sau :
<div class='post-footer-line post-footer-line-1'>
{CODE Của thủ thuật dán ở đây}
<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<a href='http://YOURBLOG.blogspot.com' rel='follow'>
<script src='http://blogspot.100webspace.net/pageviews.php' type='text/javascript'/> </a>
</div></b:if>
- Lưu ý: chỉ nên sửa code màu xanh, không nên sửa code để cho tiện ích hiện thị ở trang chủ, (đã test - thủ thuật hiển thị không chính xác trên trang chủ)
7. Save template.
Nguồn csharpdotnetfreak
Chúc các bạn thành công.

- Thêm chia sẻ Like và share bài viết cho blogspot [trên trang itviet360]
- Thêm nút theo dõi (Follow) cho blogspot
- Feedburner Google và cách lấy tùy chỉnh cho blogspot
- Tiện ích Popular Posts - Bài xem nhiều với CSS3
- Mạng xã hội theo dõi với hiệu ứng rê chuột cho blogspot
- Mudim - Thêm bộ gõ tiếng Việt cho blogspot
- Hiệu ứng màu chạy lấp lánh trong chữ cho blogspot
- Thủ thuật thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
Comments[ 0 ]
Đăng nhận xét