Monday, June 8, 2009

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


Pageviews counter for Blogspot to count how many times any post has been read

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!


Tiện ích hiển thị số lần đọc bài viếtSocialTwist Tell-a-Friend


Đang tải xin vui lòng chờ...

0 comments:

Post a Comment

[▼/▲] Chèn biểu tượng vui danghienIT
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

/

Chuyên mục

Tool box

Liên kết

Trao đổi Liên kết
Loading Logos...
Bookmark and Share
 

Copyright 2009 All Rights Reserved iupro theme by Dang Quang Hien