Tạo tiện ích thống kê cho Blog !

Muốn trang bị một bảng thống kê cho Blog của mình về tổng số bài viết, tổng số comment (nhận xét), số người đang vào Blog của mình thì phải làm sao đây ? Tôi xin chia sẽ với các bạn có Blog riêng làm điều này.
Bước 1 : Đăng ký code thống kê
1-Việc đầu tiên, bạn phải đăng ký cho mình một tài khoản trên trang này (kích vào chữ trang này để mở)

Sau đó bạn sẽ nhận một email để xác nhận. Bạn check mail và click vào đường link để kích hoạt tài khoản.
2- Trở lại trang này và đăng nhập vào freeonlineusers.com với tài khoản đã đăng ký và đã được kích hoạt qua mail
Bạn nhấn vào Link code rồi điền địa chỉ blog vào ô Add new domain/site. Nhấn Add

3. Ứng với mỗi blog bạn được cung cấp 1 đoạn mã. Nhấn nút Generate code.

4. Bạn sẽ được cung cấp một đoạn code như trong ảnh. Bạn không cần phải chép toàn bộ code. Chỉ cần lấy số id gồm 7 chữ số được đánh dấu trong ảnh.

Bước 2 : Tạo một Widget (tiện ích) cho Blog của mình Bạn đăng nhập vào Blog của mình rồi vào Bố cục>Thêm tiện ích để tạo thêm một tiện ích sau đấy copy đoạn code tôi cho sau đây:

.statround {  
        background: none repeat scroll 0 0 url(rgba.php?r=0&g=0&b=0&a=25);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); _filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);      
        color: red;    
        display: inline-block;    
        font-weight: bold;    
        margin-right: 3px;    
        padding: 3px 7px;    
        text-shadow: 0 0 0 transparent, 0 1px 0 rgba(255, 255, 255, 0.6);
        border-radius: 3px 3px 3px 3px;
                -webkit-border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px 3px 3px 3px;
                -khtml-border-radius: 3px 3px 3px 3px;    
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF;
                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0#FFFFFF;
                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0#FFFFFF;
                -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0#FFFFFF;
}
</style>
<script style="text/javascript">
function numposts(json) { document.write('' +json.feed.openSearch$totalResults.$t + ''); }function numcomments(json) {document.write('' + json.feed.openSearch$totalResults.$t + ''); }
</script>
<div style="text-align: center;">
<span class="statround">
<script src="ĐỊA CHỈ TRANG WEB CỦA BẠN/feeds/posts/default?alt=json-in-script&callback=numposts"></script></span>
<span>Bài viết</span>
<span class="statround">
<script src="ĐỊA CHỈ TRANG WEB CỦA BẠN/feeds/comments/default?alt=json-in-script&callback=numcomments"></script></span>
<span>Nhận xét</span>
<span class="statround">
<script type="text/javascript" src="http://st2.freeonlineusers.com/on3.php?id=SỐ ID CỦA BẠN"></script></span>
<span>Đang online </span>
</div>

vào Notepad để chỉnh sửa. Có 2 cái bạn phải thay thế trong đoạn code này là Số ID mà ta thu được khi đăng ký ở trang freeonlineusers.com ở bước 1 và 2 địa chỉ trang Web của bạn trong đoạn code này. Sau khi đã thực hiện các thay đổi, bạn copy đoạn code này và dán vào khung soạn thảo tiện ích rồi LƯU lại, Sau đấy thoát ra để xem kết quả !

Chúc các bạn thành công !

Tạo tiện ích thống kê cho Blog !

Ngô Minh Lương

0 Komentar