Minh họa
Bài viết & Nhận xét
Để tạo tiện ích thống kê bài viết và nhận xét kiểu Ribbon cho blogspot ta cần vào bố cục và tiến hành thêm 1 tiện ích tại nơi bạn muốn và dán đoạn code bên dưới vào và lưu lại.
CODE
<style type="text/css">
#counter {
margin:10px 60px 10px 10px;
background-color:#005595;
font:bold 20px 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 #f00f00;
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="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Bài viết & <script src="/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Nhận xét
</div>Có thể tùy chỉnh màu sắc theo ý bạn.