Home » Thủ thuật blog
Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
Thứ Hai, 22 tháng 4, 2013
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 thủ 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.
- Hướng dẫn thủ thuật
1. 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)
2. 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ó
+ Tiếp theo tìm tới đoạn code:
Và thay thế nó bằng Code dưới đây:
3. Lưu mẫu lại và xem kết quả thống kê blog của bạn nhé.
Tags:
Thu thuat, Thu thuat blogspot, Thủ thuật blog
- Hướng dẫn thủ thuật
1. 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)
2. 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/AVvXsEjd7Rm_zJTM-p4K6s2AGnl6Mj-CV_tmXeDyqsK5sgXRxychnjNs1MALgZqR5ioaGlPK7ZJRMed0OgbVgqbddnrZyrqt7hays73oZs8yR-AT-tMvleVaQbc9DV7sDBeaWSditq1T-T71f-8/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/AVvXsEjd7Rm_zJTM-p4K6s2AGnl6Mj-CV_tmXeDyqsK5sgXRxychnjNs1MALgZqR5ioaGlPK7ZJRMed0OgbVgqbddnrZyrqt7hays73oZs8yR-AT-tMvleVaQbc9DV7sDBeaWSditq1T-T71f-8/s1600/btrix_image.png) no-repeat}
#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7Rm_zJTM-p4K6s2AGnl6Mj-CV_tmXeDyqsK5sgXRxychnjNs1MALgZqR5ioaGlPK7ZJRMed0OgbVgqbddnrZyrqt7hays73oZs8yR-AT-tMvleVaQbc9DV7sDBeaWSditq1T-T71f-8/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'>…</h4>
<span>Posts</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'>…</h4>
<span>Comments</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + "_totalCount"'>…</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>
3. Lưu mẫu lại và xem kết quả thống kê blog của bạn nhé.

- Hướng dẫn cách chụp ảnh màn hình trên Windows 8
- Cách cài đặt Password cho Windows 8 - mật khẩu User Admin
- Xem Blogspot với nhiều giao diện khác nhau
- Ký tự đặc biệt đẹp chèn vào trong Yahoo, Facebook...
- Page number Navigation - Code phân trang đẹp cho blogspot
- Sửa lỗi bàn phím PC, Laptop bị khóa trên win 7, XP, 8
- Khung chia sẻ bài viết blogspot hiển thị chi tiết tác giả bài viết
- Tùy chình tiện ích nhãn (label Widget) màu đen cho blogspot
- CSS3 hiệu ứng đổi hình ảnh đẹp cho Web, blogspot
- Sửa lỗi (error ) phân trang (pagenavi) trong Blogspot
- Template Blogspot Responsive cực đỉnh cho blog hình ảnh, sản phẩm
- Một số vấn đề thường gặp khi sử dụng blogspot
Comments[ 0 ]
Đăng nhận xét