haitaynamkg

Tổng hợp kiến thức nhân loại
Nguyễn Văn Hải

Nâng cấp tiện ích Thống kê blogger thay cho mặc định

----------------------------------------------------------------------------------------------------
Đây là phiên bản nâng cấp cho tiện ích Thống kê blog có sẵn của Blogger. Ngoài số lượt truy cập blog thì mình có thêm thống kê tổng số bài viết và tổng số nhận xét cho tiện ích này. Và dữ liệu cho 2 thống kê này được lấy từ feed với dung lượng nhỏ nhất. Vì sử dụng đến dữ liệu từ feed nên blog bạn áp dụng phải ở chế độ mở cho tất cả người đọc.

Nâng cấp tiện ích Thống kê blog - Update widget stats
☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sửa HTML (Edit HTML):
4- Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin>  trong template của bạn.
#Stats1 ul{margin:10px 0;border:0;padding:0}
#Stats1 li{margin:0;border:0;background-color:#ff4e47;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FZ0uZI1fZlWUZqasNoCzYW33O_G60JNUtbrQ29eaV7Yv0fF6NY1mBasTak0g4stFNqVY6jgmSedMVA4zJ4yia4bCXWbFx27LXIE_SAekdhuIkWhBLdTobnJN45Yd3IthyV10GE3wgRQ/s1600/sprites-stats-namkna-blogspot-com.png);background-repeat:no-repeat;padding:10px 10px 10px 80px;list-style-type:none}
#Stats1 h4{margin:0;font-size:22px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:13px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}
Trong đó:
  • background-color:#ff4e47 là màu nền của tiện ích.
  • font-size:13px là cỡ chữ mô tả trên tiện ích.
  • font-size:22px là kích cỡ của số đếm
  • color:#fff; Màu số đếm
  • color:#fff; màu chữ mô tả.
  • Nếu chưa có mã màu khác hãy tham khảo bảng mã màu của namkna Tại đây
5- Thêm tiện ích Thống kê blog tại nơi bạn muốn hiển thị (bỏ qua bước này nếu blog bạn đã có).
6- Vào Chỉnh sửa HTML (không chọn Mở rộng Mẫu Tiện ích) và tìm trong template từ khóa:
<b:widget id='Stats1' locked='false' title='Tổng số lượt xem trang' type='Stats'/>
- Thay thế nó bằng đoạn mã dưới đây:
<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
    <div class='widget-content'>
      <ul>
        <li>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;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>
- Sửa lại các phần mô tả màu xanh theo ý muốn của bạn.
7- Lưu mẫu lại và xem kết quả nha,
Tùy phiên bản ngôn ngữ blog của bạn mà tiêu đề Tổng số lượt xem trang có thể khác nhau dẫn đến từ khóa tìm kiếm ở bước 3 cũng có sự khác biệt. Đây chính là tên của widget tổng số lượt xem trang mà các bạn thêm ở bước 5.
Chào mừng và rất vui các bạn đến với blog chia sẻ mình!

Tham quan du ngoạn từ Nam chí Bắc:

An Giang || Bà Rịa - Vũng Tàu || Bắc Giang || Bắc Kạn || Bạc Liêu || Bắc Ninh || Bến Tre || Bình Dương || Bình Định || Bình Phước || Bình Thuận || Cà Mau || Cao Bằng || Cần Thơ || Đà Nẵng || Đắk Lắk || Đắk Nông || Điện Biên || Đồng Nai || Đồng Tháp || Hà Giang || Hà Nam || Hà Tĩnh || Hải Dương || Hậu Giang || Hòa Bình || Hưng Yên || Khánh Hòa || Kiên Giang || Kon Tum || Lai Châu || Lâm Đồng || Lạng Sơn || Lào Cai || Long An || Về Miền Tây || Nam Định || Nghệ An || Ninh Bình || Ninh Thuận || Phú Thọ || Quảng Bình || Quảng Nam || Quảng Ngãi || Quảng Ninh || Quảng Trị || Sóc Trăng || Sơn La || Về Tây Nguyên || Tây Ninh || Thái Bình || Thái Nguyên || Thanh Hóa || Thừa Thiên Huế || Thành phố Hồ Chí Minh || Thủ Đô Hà Nội || Tiền Giang || Trà Vinh || Tuyên Quang || Vĩnh Long || Vĩnh Phúc || Yên Bái

|| || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || ||

Bộ sưu tập ảnh hot:

|| || || || || || || || || || || || || || || || || ||
Like bài viết nếu bạn thấy hay và có ích :
Những gì mình biết, hãy chia sẻ cho mọi người cùng biết nhé! Xin mời bạn bình chọn!

Bạn đã xem chưa

0 nhận xét | Viết lời bình

Copyright © 2014 Haitaynamkg Knowledge Humanity