Thứ Năm, 4 tháng 9, 2014

Hiển thị tổng số bài viết và comment cho blogspot

Bài viết này mình chia sẻ với các bạn cách tạo hiển thị tổng số bài viết và comment trên blogspot. Tiện ích này có tác dụng làm cho người truy cập thấy được sự phong phú trong blog của bạn và kích thích sự tò mò của họ. Các bạn chỉ cần dán đoạn code phía dưới trong phần tiện ích HTML trong blogger. Bạn muốn đặt ở đâu thì copy đoạn code đặt ở vị phí đó. 

Demo:


Code:


<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzDCioXBEf-sNWQFr0RrdXNHopq0Kr5YSLpZyWs0RUOJX_RUJJyuZwWYlqo7vhFKvdv0AMIR5p_4Z-S23Y18Nk0jsQaclHRlOelaOpyd7SjSXtUsaiR_Clv1Lmpg6fDNI6Rfk8auJx_NI/s1600/untitled.PNG" width="40" height="40" style="margin-right:8px;float:left;" />
<span style="float:left;margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">Tổng số nhận xét:
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://thegioiblogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> </span><br /><!--[if IE]><br /><![endif]-->

<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial, Helvetica, sans-serif;"></span>
</div><div style='clear:both;'/>

<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinVXYkgQGE79b2_z87Yn1OdBh5FYroWoiW46_81wREEE7_YbzqjfEtIOvJzxkythZZFjCpQqa7SUR8YmmyI40U1qtUmNh4cyUb_nLzyDL6ohRsOzlftVIGyeVzhnarZGMuFA3RTIfV8WFe/s1600/2.PNG" width="40" height="40" style="margin-right:8px;float:left;" />
<a href="
http://thegioiblogs.blogspot.com/" target="_blank"><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;"> Tổng số bài viết:
<script src="http://thegioiblogs.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> </span><br /><!--[if IE]><br /><![endif]--></a></div></div>



Các bạn thay link http://thegioiblogs.blogspot.com thành tên blog của bạn. Chúc thành công!



Không có nhận xét nào:

Đăng nhận xét