- 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