Hiển thị tổng số Bài gửi và Tổng số Nhận xét trên Blogger

by Phan Nhật Chánh

HTML

<div style="margin:100px;"><center><h1><a href="http://www.nhatchanh.info/2014/09/hien-thi-tong-so-bai-gui-va-tong-so-comments-tren-blogspot.html">Hiển thị tổng số Bài gửi và Tổng số Nhận xét trên Blogger</a></h1></center>
<script type="text/javascript">
function showPostCount(json) {
    document.write(parseInt(json.feed.openSearch$totalResults.$t, 10));
}
</script>

<div id="counter">
&rArr; <strong><script src="http://www.nhatchanh.info/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showPostCount"></script></strong> Bài gửi
&rArr; <strong><script src="http://www.nhatchanh.info/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showPostCount"></script></strong> Nhận xét
</div></div>

CSS

a {color:#0099FF;text-decoration:none;}
a:hover {text-decoration:underline}
#counter{
margin:10px 60px 10px 10px;
200px;
background-color:#990000;
font:bold 12px Cambria,Georgia,Serif;
color:#fff;
position:relative;
display:block;
line-height:50px;
padding:0px 0px 0px 30px;
left:-10px;
}
#counter:before{
content:"";
width:0px;
height:0px;
border:5px solid transparent;
border-top-color:#bb0000;
border-right-color:#bb0000;
position:absolute;
top:100%;
left:0px;
}
#counter:after{
content:"";
width:0px;
height:0px;
border:25px solid #990000;
position:absolute;
top:0px;
left:100%;
border-right-color:transparent;
}