Thứ Năm, 29 tháng 10, 2009

Cách thêm khung Quick Comments cho Blogspot

Cách thêm khung Quick Comments cho Blogspot

Chú ý: Bạn cũng có thể thêm khung Quick Comments cho Blogspot theo cách làm đơn giản hơn.

gadget Quick Comments tích hợp Google Friend Connect như Followers.


1. Thêm gadget Followers (Người theo dõi)

Nếu trang của bạn chưa có gadget này (thường là có sẵn) thì bạn vào Layout -> Page Elements -> Add a Gadget:

tutor_blogspot_1

Vào mục Basic (mặc định) -> nhấn dấu + ở phần Followers:

tutor_blogspot_6

Sau đó bạn Save và nhấn View Blog để xem kết quả.


2. Lấy Site ID

Bạn vào trang chính của blog bạn (http://nick-name.blogspot.com/).

Nhấn phải chuột ở giữa trang, chọn View source, sau đó tìm trong source chuỗi sau:
google.friendconnect.container.renderMembersGadget
Chú ý đoạn mã có chuỗi đó, ví dụ như sau:
google.friendconnect.container.renderMembersGadget(
{ id: "div-1239942890949",
site: "09405410304448739922" },
skin);
Chuỗi bôi đỏ đậm là Site ID của mình. Bạn copy Site ID của bạn.


3. Tạo gadget Quick Comments

Bạn thêm một gadget dạng HTML/Javascript bằng cách vào Layout -> Page Elements -> Add a Gadget như ở bước 1, rồi vào mục Basic (mặc định) -> nhấn dấu + ở phần HTML/Javascript:

tutor_blogspot_2

Bạn đặt tên (Title) của gadget là Quick Comments hay là gì tuỳ thích, sau đó copy & paste đoạn mã phía dưới vào vùng soạn thảo nội dung (Content) của gadget.

Tiếp theo, bạn tìm chuỗi site-id (bôi đỏ đậm) trong đoạn mã và thay nó bằng Site ID của bạn:



Ngoài ra, bạn có thể sửa lại màu sắc của chữ, đường link sẽ hiển thị trong khung Quick Comments theo ý thích, bằng cách thay đổi các tham số tương ứng trong đoạn code trên.

tutor_blogspot_7

Cuối cùng bạn nhấn Save và View Blog để xem kết quả.

Để có thể gửi comment trong gadget Quick Comments thì trước đó bạn cần "Sign in" theo đường link trong gadget này hoặc trong gadget Followers.

0 nhận xét:

Đăng nhận xét

» Cám ơn bạn đã ghé TiemNet.tk.
» Bạn có ý kiến thắc mắc hay bình luận gì về bài viết vui lòng viết nhận xét.
» Sử dụng Bộ Gõ Tiếng Việt Online này nếu máy chưa có sẵn bộ gõ.
» Bấm vào nút "Đăng ký qua email" bên dưới để theo dõi bài này

Related Posts with Thumbnails