Jan 28

Bộ đếm số người đang online cho blog (Yahoo! 360, Yahoo! Mash và nhiều nền blog khác)

Gửi bởi: admin | Lượt xem: 267 lượt

Blog trên nền Yahoo! 360 không cho chúng ta nhiều lựa chọn tùy biến ngôi nhà ảo của mình. Một trong những hạn chế đó là bộ đếm. Bạn không thể thay đổi được gì với cái Page Views thô kệch ngoài cho và không cho phép hiển thị công cộng. Trong khi đó muốn sử dụng các sản phẩm của một nhà cung cấp khác bạn lại không được hỗ trợ JavaScript – ngôn ngữ kịch bản thường được dùng để viết công cụ thống kê.

Tuy nhiên blog này cũng hỗ trợ HTML ở mức tối thiểu cho phép bạn sử dụng các công cụ thống kê bằng hình ảnh và flash. Đây là hai trong số trang tôi sẽ giới thiệu liên quan đến việc đếm số người đang xem blog của bạn.

I. Trang thứ nhất

Với giao diện đồ họa khá đẹp công cụ được cung cấp từ trang web ModMyProfile.com cho phép hiện số người đang online bằng một nút flash vừa phải. Chỉ cần nhấn vào đây chúng ta bắt đầu xây dựng công cụ.

Bạn có thể nhập giá trị mã màu thập lục ở phần Buit It hoặc chọn màu bên phải hay các màu thông dụng bên dưới trước khi bấm vào Make you counter lấy code. Nếu cần xem trước hãy nhấn preview.

Hình 1

II. Trang thứ hai

Đây cũng là một công cụ đồ họa rất đẹp và thường được các blogger ở WordPress sử dụng. Công cụ này được cung cấp tại http://whos.amung.us/showcase. Bạn có thể chọn 1 trong ba kiểu hiển thị như minh họa trên hình.

Hình 2

1. Kiểu 1.

Nhấn vào nút bấm được đánh dấu số 1 trên hình 2 và lấy code. Lưu ý chúng ta sẽ sử dụng lại 8 ký tự được tô màu đỏ. Nó bảo đảm bạn dùng duy nhất một mã thống kê trên blog mình. Và chúng ta sẽ sử dụng chúng cho việc tạo bản đồ người xem ở bài hướng dẫn tiếp theo.

<a href="http://whos.amung.us/show/8gvde1il"><img src="http://whos.amung.us/widget/8gvde1il.png" alt="website stats" width="81" height="29" border="0" /></a>

Hiển thị:

2. Kiểu 2

Nhấn vào nút bấm được đánh dấu số 2 hình 2 trên và nhấn color wheel. Trang làm việc hiển thị bạn hoàn thành các bước 1, 2, 3.

- Bước 1. Nếu đã sử dụng một trong những tiện ích được cung cấp của trang hãy chọn Yes. Nhập địa chỉ blog để tìm 8 ký tự mà bên trên tôi lưu ý hoặc nhập 8 ký tự này nếu không tìm thấy.

- Bước 2. Chọn màu

- Bước 3. Lấy code

Hiển thị:

3. Kiểu 3.

Tương tự như kiểu một nhưng bạn nhấn nút đánh dấu số 3.

Hiển thị:

Ngoài ra nếu bạn dùng các nền blog hỗ trợ JavaScript bạn có thể xem thêm bài viết trước tại đây.

III. Cách chèn vào blog.

Tương tự như một hướng dẫn trước đây mà tôi copy bên dưới.

- Yahoo! 360: Đăng nhập blog, chọn My Blog -> Compose Blog Entry. Ở khung viết Entry bạn chọn View HTML Source, dán code vào và gõ nội dung entry trước khi nhấn Post This Entry. Làm tương tự như vậy nếu dùng cho nhiều Entry khác nhau. Nhớ là phải dùng cùng một đoạn mã nhé!