tiện ích lượt xem
(Huynh Nhat Ha's Blog) -- Script tạo Bộ đếm lượt xem cho bài viết đã từng được cộng đồng Blogger quan tâm nhiều. Một số lập trình viên đã tạo script này nhưng phần lớn đều không thành công về lâu dài. Để tạo bộ đếm pageview cho bài viết thì phải dùng đến PHP. Qua quá trình tìm kiếm và đọc nhiều bài viết liên quan đến chủ đề này, tôi nhận thấy chỉ có script của Abu Farhan là tốt nhất.
Bạn có thể xem Demo cho script ở cuối bài viết này. Nếu bạn thấy nó cần thiết cho blogspot của mình thì thực hiện theo hướng dẫn sau đây.
Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Tìm dòng <p><data:post.body/></p> hoặc dòng <data:post.body/> rồi đặt sau nó với đoạn code dưới đây. (Chú ý đối với các Template bạn tìm trên mạng để xài thì dòng <data:post.body/> phải gần nhất so với dòng chú thích <!-- clear for photos floats -->)
Ở đoạn code trên, bạn cần thay huynh-nhat-ha thành tên blogspot của bạn.
Lưu Template.
Hoặc bạn cũng có thể cài đặt theo cách sau đây.
Trước tiên đặt đoạn CSS bên dưới vào trước dòng ]]></b:skin> trong Template.
Tiếp theo, tìm dòng <p><data:post.body/></p> hoặc dòng <data:post.body/> rồi đặt sau nó với đoạn code dưới đây. (Chú ý đối với các Template bạn tìm trên mạng để xài thì dòng <data:post.body/> phải gần nhất so với dòng chú thích <!-- clear for photos floats -->)
Và đừng quên thay huynh-nhat-ha thành tên blogspot của bạn.
Bạn có thể xem Demo cho script ở cuối bài viết này. Nếu bạn thấy nó cần thiết cho blogspot của mình thì thực hiện theo hướng dẫn sau đây.
Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Tìm dòng <p><data:post.body/></p> hoặc dòng <data:post.body/> rồi đặt sau nó với đoạn code dưới đây. (Chú ý đối với các Template bạn tìm trên mạng để xài thì dòng <data:post.body/> phải gần nhất so với dòng chú thích <!-- clear for photos floats -->)
<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'><span style='font-weight: bold; color: rgb(0, 0, 255);'>❋ Lượt xem:</span>
<a href='http://huynh-nhat-ha.blogspot.com/'>
<script src='http://abu-farhan.co.cc/counter/counter.php' type='text/javascript'></script> </a>
</div>
</b:if>
<div id='hit-counter'><span style='font-weight: bold; color: rgb(0, 0, 255);'>❋ Lượt xem:</span>
<a href='http://huynh-nhat-ha.blogspot.com/'>
<script src='http://abu-farhan.co.cc/counter/counter.php' type='text/javascript'></script> </a>
</div>
</b:if>
Ở đoạn code trên, bạn cần thay huynh-nhat-ha thành tên blogspot của bạn.
Lưu Template.
Hoặc bạn cũng có thể cài đặt theo cách sau đây.
Trước tiên đặt đoạn CSS bên dưới vào trước dòng ]]></b:skin> trong Template.
#hit-counter{display:block;margin:20px 0;color:#0000ff;font-weight:bold;}
#hit-counter a{color:#a52a2a;}
#hit-counter a{color:#a52a2a;}
Tiếp theo, tìm dòng <p><data:post.body/></p> hoặc dòng <data:post.body/> rồi đặt sau nó với đoạn code dưới đây. (Chú ý đối với các Template bạn tìm trên mạng để xài thì dòng <data:post.body/> phải gần nhất so với dòng chú thích <!-- clear for photos floats -->)
<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>❋ Lượt xem:
<a href='http://huynh-nhat-ha.blogspot.com/'>
<script src='http://abu-farhan.co.cc/counter/counter.php' type='text/javascript'></script> </a>
</div>
</b:if>
<div id='hit-counter'>❋ Lượt xem:
<a href='http://huynh-nhat-ha.blogspot.com/'>
<script src='http://abu-farhan.co.cc/counter/counter.php' type='text/javascript'></script> </a>
</div>
</b:if>
Và đừng quên thay huynh-nhat-ha thành tên blogspot của bạn.
Không có nhận xét nào:
Đăng nhận xét