2007-04-28

用脚本输出最新评论

之前用了blogger自身的RSS输出扩展,只能输出5条评论,输出时间也比较慢,可能要几个钟头才能够显示出来。
今天,见到这个sz-iris 介绍的用JSON实现闪电般的最新评论这个方法,觉得效果不错,修改又简单,就自己实验一下。
同时感谢作者:hackosphere

1. 例牌,备份模板
2. 进入"控制台/模板/修改Html",在XML代码编辑窗口中, 找到</head>,在其前面插入下面代码:
<script src='http://www.anniyalogam.com/widgets/hackosphere.js' type='text/javascript'/>
3. 新增一个HTML/JS页面元素,输入如下代码:

<br/><script language="javascript">
var numcomments = 10; // 10是显示评论数量,取值在1-10范围
var numchars = 200;// 200评论字数,最少设置100
</script>
<script src="http:// yourblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=commentDisplay"></script>


还有,将代码中红色
yourblog,换成自己的博客名称。
收工!
测试,果然成功!
如果有空,细节上再修改一下,让其更配合自己的网站。
修改一下js代码,修改前最好是知道自己能看懂代码。
先下载js到本地,用记事本打开,找到下面的内容:
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented:<br/>');
if (comment.length < numchars)
document.write(comment + '<br/><br/>');
else
document.write(comment.substring(0, numchars) + '...<br/><br/>');
}
document.write('<span style="gt;Widget by: <a href="http://hackosphere.blogspot.com">Hackosphere</a></span>');
}

替换成如下内容:

var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> :<br/>');
if (comment.length < numchars)
document.write(comment + '<br/><br/>');
else
document.write(comment.substring(0, numchars) + '...<br/><br/>');
}
}

将修改好的js上传到自己的网站,再
修改第二步中的js链接路径,OK!再看看吧...

ps:刚才测试一下,真是一发表评论后,就马上显示出来了。



收藏到网摘: 新浪VIVI 狐摘 365key天极网摘我摘 POCO网摘 博采中心 YouNote 和讯网摘天天收藏博拉网

1 Comment:

匿名 said...
此评论已被博客管理员删除。