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 và 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://vnblognet.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
Bạn chỉ cần thay đổi dòng chữ vnblognet.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.
Tags: Breakingnews, Comment, Khoi tao Blog, Widget
Đường dây nóng
Ý kiến bạn đọc [ 19 ]
Bạn phải cho hình minh họa , hay một cái blog Demo đã thực hiện thủ thuật này . Nếu không đâu ai biết thủ thuật này có hay không để mà thử ???
tiện ích này đang được sử dụng tại www.vnpressnet.com
Thanks, Thủ thuật rất hay, rất tiếc Đời Sống 24h lại là trang về News nên không thể dùng cái này.
Lần nào vào vnblognet cũng gặp thủ thuật hay cho blogger/blogspot
Bài viết nào của anh Chinh cũng đều hay hết... Thank anh lần nữa nhé!
Rất hy vọng có nhiều bài hữu ích cho nghiemcowboy
Đoạn code dán vào đâu trong HTML thế???
Vào khung nội dung của tiện ích HTML/Java
Bác có thể chỉ em ở phần code này được hok ạ. Bỡi vì ở phần comments trên phần Post bài em để font chữ là màu đen nền trắng, ở phần recent commets em để nền hơi đen 1 tí nên bị trùng với màu chữ ở phần Comments trên phần Post Bài. Bác có cách nào thêm code thay đổi font chữ ở phần Recents Comments (từ ngày tháng, tựa đề, nội dung post) mà không phải thay đổi background ở phần Recents Comments không ạ, trực tiếp vào code của bác bên trên được không ạ. Em xin cám ơn.
Cảm ơn bạn
http://ebookforchildren-baby.blogspot.com/
Hay
Mình thấy cái này được đó, cám ơn bạn nha.
Mình cũng thử giống đoạn code và đã làm được. Cám ơn bạn nhiều nha.
thanks bạn sẽ thử cho blogspot
Cảm ơn bạn mình làm được rồi :D
Mà blog của bạn có Liên kết textlink không
Nếu có cho mình liên kết với nha :D
Chủ thớt cho e hỏi làm sao đổi font của recent comment , vừa gắn vào cái thietkebangtai.com
Blog nay nhieu cai hay qua nhi!
themesvn.com
rất hay, cám ơn bạn
Ý kiến của bạn