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

Người đăng: buonkhongem on Thứ Sáu, 22 tháng 5, 2009

Pageviews counter for Blogspot to count how many times any post has been read
[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}


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.

{ 0 nhận xét... read them below or add one }

Đăng nhận xét