Hiển thị số lượng bài viết và comments cho blogger

Hiển thị thống kê bài viết và số lượng comment với JSON
Mời bạn xem demo trước khi thêm vào blog

Xem Demo

Rất đơn giản, bạn chỉ việc tạo một widget HTML/Javascrip tại vị trí bạn muốn hiển thị trên blog và thêm đoạn code bên dưới vào rồi lưu lại là xong

<style type="css">
#counter {
  margin:10px 60px 10px 10px;
  background-color:#2493C4;
  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:#086A95;
  border-right-color:#086A95;
  position:absolute;
  top:100%;
  left:0px;
}
#counter:after {
  content:"";
  width:0px;
  height:0px;
  border:25px solid #2493C4;
  position:absolute;
  top:0px;
  left:100%;
  border-right-color:transparent;
}
</style>
<script type="text/javascript">
function showpostcount(json) {
    document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}
</script>
<div id="counter">
    <script src="http://www.trollvl.com/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Posting &amp; <script src="http://www.trollvl.com/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Comments
</div>