Langven.com Forum

Giúp đỡ - Lục lọi - Dân l ng - Lịch
Full Version: Tạo Counter Cho Blog Yahoo! 360°
Quán nước đầu làng Ven > Sáng Tác - Thảo Luận - Phổ biến kiến thức > Khoa Học Kỹ Thuật - Computer & Internet
Pages: 1, 2
SyncMaster
Hiện nay những người dùng Yahoo! 360° chỉ có một counter (bộ đếm) duy nhất do Yahoo cung cấp, counter đó dựa vào địa chỉ IP của người truy cập nên nó không cho biết chi tiết mỗi trang Blog (hay bài viết) có bao nhiêu lần xem tất cả. Để khắc phục điều này ta sẽ tạo ra cho mỗi bài viết của mình một counter riêng mà ta có thể thay đổi mầu sắc hay độ to nhỏ của nó, thậm chí điều chỉnh cho nó chạy lên 1 triệu để lấy oai w00t.gif

Sau đây là các bước tiến hành.

Dựa trên đặc điểm của Yahoo! 360° là tuy nó lọc hết các code HTML đi nhưng nó lại cho phép tải ảnh động lên Blog, vì vậy ta sẽ tìm một nhà cung cấp dịch vụ counter dùng kiểu counter là một hình ảnh dạng động (dynamic image).

Bước 1: mở một tài khoản trên Stat Counter (miễn phí).

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/01.jpg


Việc mở tài khoản không có gì khó khăn, nếu như bạn đã từng tự mở được cho mình tài khoản trên Yahoo laugh1.gif , lưu ý nhập vào một địa chỉ E-mail thật vì nếu không bạn sẽ không kích hoạt được tài khoản của mình.

Link : http://my.statcounter.com/register.php
SyncMaster
Bước 2 : Tạo một counter mới.

Bạn sẽ phải tạo một counter mới cho mỗi bài viết của mình trên Blog, việc nay chỉ mất vài phút.

Sau khi đã mở tài khoản mới, nhận được E-mail thông báo và đã kích hoạt tài khoản rồi thì bạn có thể Login vào, rồi tìm link "My Projects" và "New Project" để bắt đầu.

Chọn loại counter miễn phí standard, những loại khác hiện chưa có hay phải trả tiên.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/02.jpg
SyncMaster
PROJECT SETTINGS :

Điền các thông tin như hướng dẫn trong hình dưới đây.

Riêng dòng "Website URL" thay chữ "my_blog" bằng Yahoo ID của bạn, các dòng khác làm y như hướng dẫn.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/03.jpg
SyncMaster
Sau khi nhấn nút "Next" bạn sẽ thấy dòng chữ sau thông báo là một counter mới đã được tạo ra, và bây giờ bạn có thể hiệu chỉnh các thông số như mầu sắc, kích thước sao cho phù hợp với bài viết của mình trên Blog.

Đây chỉ là lần đầu tiên, nếu muốn thì sau này bạn vẫn có thể quay lại, đăng nhập vào tài khoản của mình để điều chỉnh lại các counters của mình nếu cần.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/04.jpg


Nhấn vào nút mầu xanh để tiếp tục.
SyncMaster
What kind of StatCounter Code do you need ?

Chọn cái "Visible Counter".

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/05.jpg
SyncMaster
Do you wish your counter to show unique visits or pageloads ?

Display Unique Visits or Pageloads ? => chọn "Every Pageload".

What number would you like to start on ? => chọn "Pageloads" và điền vào số lần xem để bắt đầu, ví dụ 500, 1000... Nếu bạn không muốn nói dối nhưng không biết phải điền vào số bao nhiêu vì Blog của bạn đã có từ khá lâu thì bạn có thể chọn một trong hai cách sau :

- Lấy số comments của bài viết mà bạn muốn gắn cái counter này vào rồi x 10.

hoặc :

- Lấy số Pages View ở cột bên trái x 10.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/06.jpg
SyncMaster
Graphic or Text ?

Chọn "Counter Image", vì nó cho phép thay đổi mầu sắc của chữ số và mầu nền, bạn sẽ cần điều này để điều chỉnh counter cho phù hợp với mầu sắc của Blog cá nhân, tùy theo Skin mà bạn sử dụng trên đó.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/07.jpg
SyncMaster
Phần này là phần chỉnh mầu sắc và kích thước của counter, bạn cứ làm thử một lần, nếu thấy nó không phù hợp với Blog của mình thì chỉnh lại sau.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/08.jpg


Thường thì mặc định là chứ trắng trên nền đen vì nó nổi, kích cỡ thì là cỡ trung bình, nếu bạn không biết phải điều chỉnh như thế nào thì có thể nhấn "Next" luôn, dùng cái mặc định này, còn nếu muốn thay đổi thì chú ý chọn mầu sắc của chữ và mầu nền sao cho chúng đối nhau càng rõ càng tốt, nhìn càng rõ.

Dùng nút Update để xem trước counter, nếu cần thì chỉnh lại. Chú ý nếu xem trước thì có thể các thông số sẽ trở lại giá trị ban đầu của chúng, vì vậy bạn phải luôn kiểm tra lại trước khi nhấn "Next".
Thị Anh
Nhanh lên Syn ơi, tớ sắp phải về rồi., đã làm đến bước này rồi. Hồng hồng tim tím trông rất buồn cười, và tóm lại là càng mất thời gian mà thôi . laugh.gif Nhưng đằng nào cũng nên biết tí. laugh.gif
SyncMaster
QUOTE(Thị Anh @ Sep 15 2006, 05:15 PM)
Nhanh lên Syn ơi, tớ sắp phải về rồi., đã làm đến bước này rồi. Hồng hồng tim tím trông rất buồn cười, và tóm lại là càng mất thời gian mà thôi . laugh.gif Nhưng đằng nào cũng nên biết tí. laugh.gif
*



Một số gợi ý cho mầu sắc (câu giờ) devil2.gif

1. Chữ trắng trên nền đen.
2. Chữ đen trên nền trắng.
3. Chữ đỏ trên nền trắng.
4. Chữ trắng trên nền đỏ.

cứ thế... cứ thế... smartass.gif
SyncMaster
PLEASE CHOOSE - Use Frames ?

Chọn => "No, my website does not use frames".

Các ô phía dưới để nguyên như vậy không thay đổi.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/09.jpg
SyncMaster
Do you use a web page editor ?

Chọn => "No, I want the default install guide".

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/10.jpg
SyncMaster
Sau khi đã khổ công làm tất cả các bước trên, cuối cùng bạn sẽ nhận được một mẩu code với nhiều ký tự khó hiểu : đó chính là cái counter của bạn.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/11.jpg


Nhưng xin bạn đừng vội mừng, bây giờ mới là phần khó nhất.

Như đã nói ở bài đầu tiên, Yahoo! 360° sẽ lọc hết các code lạ ra khỏi bài viết của bạn, vì vậy bạn sẽ phải trích từ trong đoạn text khó hiểu kia ra một dòng duy nhất để chèn vào cuối bài viết của mình.

Bây giờ bạn hãy copy đoạn text đó ra cái Notepad, chú ý đừng đóng cửa sổ đó lại nếu không bạn sẽ phải bắt đầu lại từ đầu.
SyncMaster
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=1881963;
var sc_invisible=0;
var sc_partition=17;
var sc_security="91c35c3d";
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c18.statcounter.com/counter.php?sc_project=1881963&java=0&security=91c35c3d&invisible=0" alt="hit counter code" border="0"></a> </noscript>
<!-- End of StatCounter Code -->


Bạn hãy trích ra cái dòng bôi đỏ như hướng dẫn ở trên, chú ý là nó có dấu "<" mở đầu và ">" ở cuối. Bây giờ bạn chỉ còn việc paste đoạn code này vào cuối bài viết của mình trên Blog, nếu là bài viết cũ thì dùng chức năng Edit để chèn nó vào. Sau khi cập nhật bài viết bạn sẽ thấy nó có số bắt đầu bằng số mà bạn đã chọn khi tạo nó ra ở công đoạn trước, từ nay nó sẽ nhẩy thêm một số mỗi khi bài viết này của bạn có người truy cập vào.
SyncMaster
Và cuối cùng, nếu bạn muốn chỉnh lại counter để thay đổi mầu sắc, phông chữ, hay thậm chí là thêm vào vài vòng quay nữa rolleyes2.gif , khi bạn Login vào tài khoản của mình rồi, hãy nhấn chuột vào My Projects để xem danh sách các counters của mình, nếu muốn edit cái nào thì nhấn vào hình cái cờ-lê để edit, còn nếu muốn xem thông tin về người truy cập thì nhấn vào hình cái đồ thị ở bên cạnh.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/12.jpg


Voilà!

cheers.gif
SyncMaster
Bổ sung hướng dẫn cách chèn vào Yahoo! 360°

Các bạn lưu ý là khi ta edit Blog thì nó mặc định ở chế độ Rich Text như sau :

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/13.jpg


Muốn chèn đoạn code kia vào thì bạn phải chuyển sang chế độ HTML.

Click vào ô View HTML Source ở ngay bên dưới để chuyển sang chế độ HTML.

http://i22.photobucket.com/albums/b305/langven/Posts/StatCounter/14.jpg


Di chuyển con trỏ về cuối bài viết rồi paste đoạn code kia vào, sau đó bỏ cái đánh dấu đi để trở lại chế độ soạn thảo đầu tiên, lúc này bạn đã có thể thấy cái counter hiện ra trong bài viết. Save lại rồi kết thúc.

Bạn cũng có thể dùng cách trên để chèn thêm ảnh hay video vào Blog của mình.
tóc xù
Hay quá, em phải thử mới được v.gif
Cám ơn bác Sỳn ạ kiss1.gif kiss1.gif kiss1.gif
------------

Sau 10': Thành công rồi. Mời các bác vào tham quan nhà em ạ

http://blog.360.yahoo.com/blog-yNKc6Jc2erK...1&p=934&n=28500
SyncMaster
QUOTE(tóc xù @ Sep 15 2006, 07:06 PM)
Hay quá, em phải thử mới được  v.gif
Cám ơn bác Sỳn ạ  kiss1.gif  kiss1.gif  kiss1.gif
------------

Sau 10': Thành công rồi. Mời các bác vào tham quan nhà em ạ

http://blog.360.yahoo.com/blog-yNKc6Jc2erK...1&p=934&n=28500
*




Sao không bật cái "Simple Url" cho dễ nhớ hả em, link gì mà như mật mã thế laugh1.gif

(Vào Settings => Basic Info)
Milou
Bên nhà Tóc Xù (hôm í không xù nhỉ) chỉ có 1 trang đó được đếm, những trang khác chưa được lắp cái đếm vào. Trong trường hợp người ta chỉ xem trong trang blog từ trên xuống dưới, như vậy có được coi như là xem từng entry không?
tóc xù
Ơ, tại sao bộ đếm này với bộ đếm của Y360 tăng k0 giống nhau thế bác Sỳn nhỉ? Cái bộ đếm này tăng lên đến >100 rồi, mà bộ đếm của Y360 chỉ tăng khoảng 20 lần thôi confused1.gif

Blog của em có simple link đấy ạ, còn cái link em đưa phía trên là link trực tiếp đến cái entry có bộ đếm laugh1.gif
Pages: 1, 2
Quán nước đầu làng Ven > Sáng Tác - Thảo Luận - Phổ biến kiến thức > Khoa Học Kỹ Thuật - Computer & Internet
Bạn đang xem phiên bản gọn nhẹ của diễn đ n dưới dạng text, để xem các b i viết với đầy đủ mầu sắc v hình ảnh hãy nhấn v o đây !
Invision Power Board © 2001-2024 Invision Power Services, Inc.