Tiện ích hiển thị số lần đọc bài viết

Unknown | 22:53 |

Thứ Sáu, 5 tháng 3, 2010

Thư viện Thủ thuật » - 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 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}
 
6. Sau khi xác định được nơi muốn đặt code, ta dán code bên dưới vào :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'>
&lt;a href=&#39;http://YOURBLOG.blogspot.com&#39; rel=&#39;follow&#39;&gt;
<script src='http://blogspot.100webspace.net/pageviews.php' type='text/javascript'/> &lt;/a&gt;
</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.

Tags:

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa