Thu thuat them thong ke blog 3 trong 1 cho blogspot

Thủ thuật blogspot hôm nay mình giới thiệu tới các bạn là cách thêm thống kê cho blogspot. Theo mặc định tiện ích thống kê của blog thì chỉ xem được thống kê lượt xem trang thôi , Tuy nhiên khi làm theo thhur thuật này thì bạn có thể thêm những thống kê đẹp như tổng bài viết , tổng lượt comment

¤ Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger 

2. Vào phần Bố cục

3. Thêm tiện ích thống kê blog 

+ Vào bảng điều khiển blogger -> Bố cục (Layout) -. Thêm tiện ích (Add a Widget) -> Thống kê blog (blog's Stast

4. Vào mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) 

+ Ctrl + F tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó 

#Stats1 ul{margin:0;border:0;padding:0;height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW62LSNFTSlZNEH9Lfm85wOYIqL22ztJ3YhNiPn9m25j8aInavWMqO43_W6ysB_iSHRlV94v1VwgCEwqjRn0Ch6NIYik5fMx5JoUJHki-g1-3WIly9hkhpndrj_NZ3aqHjaeLNlJfazsE/s1600/btrix_image.png) no-repeat 0 -34px}
#Stats1 li{margin:10px 0;border:0;padding:0 0 0 40px;list-style-type:none}
#totalComments{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW62LSNFTSlZNEH9Lfm85wOYIqL22ztJ3YhNiPn9m25j8aInavWMqO43_W6ysB_iSHRlV94v1VwgCEwqjRn0Ch6NIYik5fMx5JoUJHki-g1-3WIly9hkhpndrj_NZ3aqHjaeLNlJfazsE/s1600/btrix_image.png) no-repeat}
#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW62LSNFTSlZNEH9Lfm85wOYIqL22ztJ3YhNiPn9m25j8aInavWMqO43_W6ysB_iSHRlV94v1VwgCEwqjRn0Ch6NIYik5fMx5JoUJHki-g1-3WIly9hkhpndrj_NZ3aqHjaeLNlJfazsE/s1600/btrix_image.png) no-repeat 0 -68px}

+Tiếp theo tìm tới đoạn code

<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>
...
</b:widget>

Và thay thế nó bằng Code dưới đây:

<b:widget id='Stats1' locked='false' title='My Blog Stats' type='Stats'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<li>
<h4 id='Stats1_totalPosts'>&hellip;</h4>
<span>Posts</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'>&hellip;</h4>
<span>Comments</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + "_totalCount"'>&hellip;</h4>
<span>Pageviews</span>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>
</div>
</b:includable>
</b:widget>

- Lưu mẫu lại và xem kết quả nha.