Hiển thị tổng số bài viết và Comment cho Blog (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à Comment cho Blog 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 bạn thủ thuật Hiển thị tổng số bài viết và Comment cho Blog (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ạ:

Ảnh minh họa

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfV2vAM5_jKjM9T5a0bPJdILCXJXRhRH9o-AtvKg3vGBvR_F8D9-E_WxVcBKtHxZP7VRTDGbeTJxvz_rrE7ihRQGSdawqBEpsfREAR266w_cGpXDXuaMTGowjZTGIbB5e8qU94Bcx09wO/s1600/Edit-Text-icon.png" width="32px" height="32px" float:center;"/>
<a href="http://cdqtkd5a.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://cdqtkd5a.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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7oxDMrlMqUm2hTh5npfnTvUO0bF2YWm6w0UvhIc_ZaV83TVY5jB_DvHLA12GgmN5v_R5ZwBMKejQ3uJHn88JM3XpZhuwGZ31Bx-sRaRvfWJBB0x-LIR_R-zigIb4jXDkBWrgprNhUC4Q/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://cdqtkd5a.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.

Nguồn: dunghennessy