BLOG THỦ THUẬT

HIỂN THỊ TỔNG SỐ BÀI VIẾT VÀ SỐ COMMENTS (Kiểu 2)

Trước đây, tôi có chia sẻ với các bạn bài viết HIỂN THỊ TỔNG SỐ BÀI VIẾT VÀ COMMENTS (kiểu 1) TẠI ĐÂY.
Hôm nay, do yêu cầu của bạn Tuấn Kiệt (qua mail) nên dunghennessy tiếp tục chia sđến các bn thủ thuật HIỂN THỊ TỔNG SỐ BÀI VIẾT VÀ TỔNG SỐ COMMENTS (Kiểu 2).

Với kiểu 2 này thì phía trước còn có thêm icon thể hiện Bài viết và Comments, bạn xem hình minh ho:

Rất đơn giản, bạn chỉ việc đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem TẠI ĐÂY). Tiếp tục bạn copy đoạn code phía dưới dán vào. 
<center><div id="thongke">
<span class="thongkeright"><img src="http://4.bp.blogspot.com/-VlfbLz3XRC4/ULHrW1cqdPI/AAAAAAAAeIM/Mq1iQdWl52w/s1600/Edit-Text-icon.png" width="32px" height="32px" float:center;"/>
<a href="http://dunghennessy.blogspot.com/" target="_blank"><span style=" text-align:left; vertical-align: super; margin:0px;padding:0px; margin-top:2px;padding:0;font-size: 18px; color:#bbb;font-family:Arial,Helvetica,sans-serif;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://dunghennessy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Bài viết </span> </a></span><br />
 <span class="thongkecenter">
<img src="http://3.bp.blogspot.com/-hQ6BUV6kVj0/ULHwdBRfl3I/AAAAAAAAeIw/Mevc56X4Sfc/s1600/www.loogix.com_10962891.gif" width="32px" height="32px" float:center;" />
<span style="text-align:left; vertical-align: super; margin:0px;padding:0px; font-size:18px;color:#bbb;font-family:Arial,Helvetica,sans-serif;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://dungheineken.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Bình luận</span></span></div><div style='clear:both;'/></div><cebter/></cebter></center>

Bây giờ bạn thay đổi các dòng lệnh đỏ thành địa chỉ trang blog của bạn và thay đổi các dòng lệnh màu xanh (link URL của icon phía trước) theo ý của bạn, cuối cùng bấm Lưu lại là xong.


*
Nhấn ThíchG+1 để ủng hộ Xqnb.Net
Chia sẻ bài viết :

0 nhận xét:

Đăng nhận xét

Copyright ©2013 Xqnb.Net . All rights reserved.
Mọi chi tiết xin liên hệ email : xqnb.net@gmail.com
Những bài viết trên Blog.Xqnb.Net được các thành viên tổng hợp từ Internet.