Hot!

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

Tuesday, 23 March 2010

comment1 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://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: , , ,

Ý kiến bạn đọc [ 19 ]


Ngankvn ® 23 March 2010 17:33

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ử ???

VnPress@net 23 March 2010 17:49

tiện ích này đang được sử dụng tại www.vnpressnet.com

Đời Sống 24h 23 March 2010 18:03

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.

Goat's Milk 24 March 2010 22:12

Lần nào vào vnblognet cũng gặp thủ thuật hay cho blogger/blogspot

Nghiemcowboy.tk 22 May 2010 14:16

Bài viết nào của anh Chinh cũng đều hay hết... Thank anh lần nữa nhé!

vnblognet [dot] com 22 May 2010 16:21

Rất hy vọng có nhiều bài hữu ích cho nghiemcowboy

Admin 20 July 2010 18:19

Đoạn code dán vào đâu trong HTML thế???

chinhnd 20 July 2010 18:44

Vào khung nội dung của tiện ích HTML/Java

Dieu Vinh Tuan 14 April 2011 16:03

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.

Children 15 July 2011 15:59

Cảm ơn bạn

http://ebookforchildren-baby.blogspot.com/

Anonymous 16 October 2011 21:50

Hay

bảo vệ 17 November 2011 09:30

Mình thấy cái này được đó, cám ơn bạn nha.

cong ty bao ve 17 November 2011 09:32

Mình cũng thử giống đoạn code và đã làm được. Cám ơn bạn nhiều nha.

nội thất trẻ em 26 November 2011 09:06

thanks bạn sẽ thử cho blogspot

Nguyễn Doãn Đức 15 December 2011 15:48

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

Unknown 29 December 2011 15:10

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

joseph 19 January 2012 23:43

Blog nay nhieu cai hay qua nhi!

Anonymous 12 March 2012 02:07

themesvn.com

rất hay, cám ơn bạn

Ý kiến của bạn