How to Make Recent Comment (Blogger)

This tutorial is for how to make recent comment using Javascript code.

1. Go to layout > Add Gadget > Choose HTML/Javascript > Copy And Paste Code Below



<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 5; 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(' on ' + pttitle);
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 href="' + ctlink + '">(more)</a>');
}
}
document.write('</li>');
document.write('<div style="font-size:75&percnt;;text-align:center"><a href="http://blogs-tricks.blogspot.com/2009/11/how-to-make-recent-comment-blogger.html">Get this Widget</a></div>');
}
</script>
<script src="http://Yourblogname.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>



2. Save And Done


Change URL http://YourBlogname.blogspot.com with your blog URL

6 comments:

flowers said...

I suggest this site to my friends so it could be useful & informative for them also. Great effort.
do you know about this website
Send flowers to Canada

Alice Thomas said...
This comment has been removed by the author.
victor peterson said...
This comment has been removed by the author.
210488.blogspot.com said...

thanks. this is very useful for me :)

logo bench said...

This is a Great Website You might find Fascinating that we Motivate A person.

Create a Cheap Logo

Lara baxter said...

Nice post i really glad to read this informative post, thanks to share :)

hosted pbx

Post a Comment