Tìm kiếm (Kết quả hiện ngay trên trang)

Đang tải, vui lòng chờ ...

Đăng ký tên miền miễn phí co.cc


Hướng dẫn cài đặt AdSense for Domain cho domain CO.CC

Wednesday, March 12, 2008

Thêm tiện ích đánh giá bài viết vào blog

Sở hữu ngay tên miền CO.CC ngắn gọn, dễ nhớ, miễn phí, không bị chặn,... cho website, blog.
Để giúp người đọc gắn kết với blog, Blogvn đề nghị một công cụ đánh giá bài viết khá hay từ trang JS-Kit. 5 sao là mức đánh giá cao nhất cho một bài đăng. Đây là một công cụ viết bằng JavaScript và dễ dàng chèn vào Template (Mẫu) của Blogger như hướng dẫn của người đề nghị trên. Tuy nhiên tôi xin cung cấp thêm vị trí đặt code khác hay hơn.

Sau khi đăng nhập Blogger, bạn chọn Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML) và đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu). Bạn cũng nên sao lưu template của mình trước khi thực hiện tiếp.

Chúng ta sẽ chèn vào vị trí phía ngay sau tiêu đề của bài đăng và nằm cùng bài viết.

Bây giờ kéo thanh trượt hoặc nhấn phím Ctrl + F để tìm đoạn code này:

<div class='post-header-line-1'/>

Bạn chỉ việc dán đoạn code dưới đây phía ngay sau đoạn code trên:

<div style="float: left; margin: 5px;" class="js-kit-rating" title="Đánh giá bài viết này" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>

Thay left bằng right nếu muốn công cụ xuất hiện bên phải.

Trường hợp sử dụng Read more (Đọc thêm) chỉ muốn công cụ xuất hiện khi bài đăng hiện ra đầy đủ, ví dụ như blog này, hãy dùng đoạn code sau:

<b:if cond='data:blog.pageType == "item"'>
<div style="float: left; margin: 5px;" class="js-kit-rating" title="Đánh giá bài viết này" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>
</b:if>


Hình. Hiển thị bên phải

Nếu muốn xuất hiện phía cuối bài viết, hãy tham khảo tương tự như cách chèn một đoạn văn bản đã được hướng dẫn.

Chúng ta có thể tùy biến kiểu hiển thị, màu sắc, của công cụ theo hướng dẫn tại đây.

Nào, hãy thử cho điểm bài viết này xem nhé!
Cám ơn bạn đã ghé ThuThuatBlog.com. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng click comment. Để lưu bài viết vào trình duyệt web hoặc tài khoản lưu trữ và chia sẻ bookmark trực tuyến, hãy nhấn vào đây. Bạn cũng có thể đọc bài viết trên blog thông qua các công cụ đọc tin Feed bằng link này hoặc đăng ký nhận bài viết mới qua email. Ngoài ra bạn cũng có thể cho địa chỉ blog này vào Favorites (Internet Explorer) hoặc Bookmark (Mozilla Firefox) để tiện việc theo dõi. Nếu đang làm blog tại Google Blogger bạn cũng có thể lưu blog này ở chế độ theo dõi trong hồ sơ, đó cũng là cách mang lại nguồn khách viếng thăm blog bạn. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.

16 comments:

Thanh said...

Cái này hay đấy, nhưng liệu có làm tốc độ load chậm hơn không bạn ?
---------------------------------
http://www.meotinhoc.com

VietNam-Blogger said...

http://freetemplates.vietnam-blogger.com
Bác Nh à ,em mới thử cái ni bác xem được không ? cho êm cái ý kiến nha

Đặt để đó thôi ,sau nhận $ rồi mới chuyên sâu

http://lonely.vietnam-blogger.com
Bác xem giúp em cái ni nữa nha

Nhờ bác đó

VietNam-Blogger.Com said...

Thế mà hôm trước em rủ anh anh không thích cái ni hêhheh

WallpaperPalace said...

Còn một dịch vụ khác ngoài JS-Kit cũng cung cấp ranking system nhưng đẹp hơn JS-Kit do có đổ bóng mờ, đánh giá theo thang màu (1 sao: đỏ -> 5 sao: vàng) rất đẹp, ko cần đăng kí, hỗ trợ nhiều dịch vụ web khác, hoạt động như một "page element"... Find out more: www.outbrain.com. Tham khảo hình ảnh về nó tại web của tui lolzz.

Mr Lonely said...

Anh ơi em muốn chuyển ô có 5 ngôi sao "Đánh giá bài viết" xuống dưới cùng, bên phải của bài viết thì làm thế nào ạ? Cảm ơn anh trước.

vietkicks said...

Chào bạn.
Một công cụ tiếng việt nè bạn:
http://gman-blog.blogspot.com/2008/04/vietkicks.html
Thanks

Ken Honda said...

sao may ngoi sao kho nam o duoi ma nam o tren vay

dv2n said...

@Ken Honda, mấy ngôi sao nằm thế nào tùy thuộc vào cách trình bày của bạn.

Vũ Ngọc Thiện said...

Anh ơi cho em hỏi làm sao để cho cái đánh giá xuống dưới như blog của mình ạ ?

Tiến said...

Nản quá làm chả dc cái ji`

Quang ba website cho doanh nghiep said...

www.vn-seo.com

nuochoa said...

Một bài viết hay. Bạn có biết sao trang web bên cty mình làm hơn 2 năm rồi mà ko có sitelinks ko ah?

Katherine said...

Cảm ơn bài viết của bạn. Tôi đã làm theo hướng dẫn nhưng gặp 2 trục trặc như sau:
- Sau khi chèn đoạn code vào Layout thì đã thấy biểu tượng ngôi sao hiện lên trong từng entry. Sau đó tôi thử vote cho 1 entry thì phát hiện tất cả các entry đều được vote giống y hệt như nhau. Trong khi tôi chỉ muốn vote cho 1 entry chứ đâu phải vote 1 lần cho tất cả đâu ?
- Tôi thử lên trang JS-Kit để chỉnh sửa 1 ít như chọn màu cho tiện ích voting, nhưng thấy ko có tác dụng gì hết. Cụ thể, tôi chọn màu xanh, hồng, tím v.v... thì màu sắc hiện trên blog ko thay đổi.

Đoạn code mà tôi dán vào phần Layout là

http://www.megaupload.com/?d=8KP5XHC5
(Tiếc là tôi ko biết làm sao để post đoạn code này lên blogger nên phải up lên MU. Không có virus. Mong bạn thông cảm)

Rất mong bạn xem và phản hồi. Cảm ơn nhiều

huy said...

ko dùng cho blog plus dc ah???????

Emtoi’s Blog said...

http://www.sonlanews.org/
http://webparkgirls.blogspot.com/

toi_dangcangi said...

mấy u ơi,cái này rộng quá,,,,,,chỉ riêng cho vn.myblog của tui đi,,,,,, http://vn.myblog.yahoo.com/utngo_bangoc

Post a Comment

Cám ơn bạn đã đọc bài viết. Nào bạn có gợi ý hoặc cách làm hay hơn hãy để lại vài lời để cùng chia sẻ với mọi người. Xin lưu ý bạn, các nhận xét không có tính góp ý xây dựng hay giúp đỡ nhau cùng tiến bộ sẽ bị xóa mà không cần báo trước. Thêm vào đó, bạn nhất thiết phải có tài khoản Google, hoặc các mạng được liệt kê phía dưới (bao gồm cả OpenID) mới được nhận xét. Thời gian gần đây các comment mang nội dung chính trị, phản động, chửi bới thường xuyên được gửi vào blog, vì lý do đó, bạn phải có một trong các tài khoản được đề cập. Xin lỗi vì sự bất tiện này. Chúc ngôi nhà yêu của bạn ngày càng được nhiều khách thăm viếng. Nội dung gõ bằng tiếng Việt có dấu rõ ràng sẽ dễ chiếm thiện cảm hơn cả.(ThuThuatBlog.com).