- 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/AVvXsEhFRieQROt-cPAa-DJ8xoEVPO7myje54tB6qVN8XcOZQXbOzuUU3kqtDzOnvGINH4j5Nn66m7_T7lBObLZXbGKh9FnsfrtnAOt7vIG3rxAR4Srs8dpGCgNbPN-5CbWn83UlJKkh7v746Co/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/AVvXsEhFRieQROt-cPAa-DJ8xoEVPO7myje54tB6qVN8XcOZQXbOzuUU3kqtDzOnvGINH4j5Nn66m7_T7lBObLZXbGKh9FnsfrtnAOt7vIG3rxAR4Srs8dpGCgNbPN-5CbWn83UlJKkh7v746Co/s1600/btrix_image.png) no-repeat}
#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRieQROt-cPAa-DJ8xoEVPO7myje54tB6qVN8XcOZQXbOzuUU3kqtDzOnvGINH4j5Nn66m7_T7lBObLZXbGKh9FnsfrtnAOt7vIG3rxAR4Srs8dpGCgNbPN-5CbWn83UlJKkh7v746Co/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é.
0 nhận xét:
Post a Comment