Thứ Tư, 22 tháng 9, 2010

Tạo tiện ích “Recent comment” pro mà đơn giản nhất.

Tiện ích “Recent Comment – Nhận xét mới nhất” đặt ở Sidebar hay Footer giúp bạn có thể nhanh chóng nhìn thấy nhận xét mới nhất được đăng tải tại blog  thay vì mất thời gian tìm chúng rất hữu ích. Có nhiều cách thực hiện, nhưng cách VnBlognet giới thiệu cho bạn sẽ đơn giản và dễ dàng hơn bao giờ hết.
Bạn chỉ cần copy và paste đoạn code được cung cấp bới http://www.howit.org như hướng dẫn dưới là xong. Chỉ đơn giản vậy sao?,
Đúng vậy, bạn chỉ cần thực hiện theo các bước:
1. Truy cập vào Blogger  > Layout  >  Page Elements Add a Gadget
để thêm Gadget tại vị trí bạn muốn đặt tiện ích “Recent Comments”
2. Chọn Gadget “HTML/Javascript” và dán đoạn code sau vào đó:
<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 10; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
document.write('<li>');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write('<br/>');
if (comment.length < 100) {
document.write(comment);
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a target="_blank" href="' + ctlink + '">[[Đọc tiếp]]</a>');
}
}
document.write('</li>');
}
</script>
<script src="http://sys345.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
Bạn chỉ cần thay đổi dòng chữ sys345.blogspot.com thành địa chỉ site/blog của bạn là hoàn thành. Ngoài ra bạn có thể tùy biến số comment mới nhất sẽ hiển thị (code trên sẽ hiển thị 10 comment gần nhất) bằng cách thay đổi số 10 (đánh dấu màu đỏ) trên đoạn code trên.
Chúc các bạn thành công.
© Chú ý: Với các blog bạn mới đăng ký Fedburrner thì có thể sau một thời gian tiện ích này mới hoạt động do chưa index kịp dữ liệu comment.

Pre: Bạn có thể vào đây http://blogger-templates.blogspot.com/2007/03/recent-comments.html để thực hiện dễ dàng hơn !!!

Không có nhận xét nào:

Đăng nhận xét

Girls Generation - Korean