Blogger hack:基于cocomment的页内评论
Webleon之前介绍的Blogger页内评论方法是通过调用位于他主机上的一段js代码来实现的，如今他人已经失踪了好几个月，主机也停止了服务，也就是说那个方法现在已经不能再继续使用了。
我现在要介绍的是另外一种类似的实现方法，最大的不同之处在于调用的js代码是来自于知名的评论管理网站－coComment，而且发布完评论不会自动跳转到评论页。
参考方法：
1.进入Blogger后台的"设置"－意见，"意见"－展示、 "谁能发表评论？"－任何人、 "帖子评论默认设置"－新帖子可以发表评论、" 在弹出式窗口中显示评论？"－否、 "留言显示验证词吗？"－否、" 是否启用评论审阅？"－否
2.修改模版，在<head>和</head>之间插入以下代码
<script type="text/javascript" src="http://jscripts.ning.com/get.php?xn_auth=no&id=1338954"></script>
<script type="text/javascript">
//<![CDATA[
var comment_form_template = '<div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div>\n';
//]]>
</script>
3.在<body>之后插入
<iframe id="comment_form_target" name="comment_form_target" style="display:none;" onload="if(comment_form) {check_comment_posted();}"></iframe>
4.查找<$BlogItemCreate$>字段，并将其替换成以下代码：
<div id="comment_form_preview<$BlogItemNumber$>"></div>
<ItemPage>
<script type="text/javascript">
var blogTool = "Blogger";
var blogURL = "<$BlogURL$>/";
var blogTitle = "<$BlogTitle$>";
var postURL = "<$BlogItemPermalinkUrl$>";
var postTitle = "<BlogItemTitle><$BlogItemTitle$></BlogItemTitle>";
var commentAuthorFieldName = "anonName";
var commentAuthorLoggedIn = "false";
var commentFormID = "cformtag<$BlogItemNumber$>";
var commentTextFieldName = "postBody";
var commentButtonName = "post";
var cocomment_force = false;
</script>
<script id="cocomment-fetchlet" type="text/javascript" src="http://www.cocomment.com/js/cocomment.js"> </script>
</ItemPage>
<ItemPage><a href="javascript:toggleitem('cform');">Post a Comment</a>
<div style="display:block;" id="cform"></ItemPage>
<MainOrArchivePage><a href="javascript:toggleitem('cform<$BlogItemNumber$>');">Post a Comment</a>
<div style="display:none;" id="cform<$BlogItemNumber$>"></MainOrArchivePage>
<form target="comment_form_target" id="cformtag<$BlogItemNumber$>" action="http://www.blogger.com/login-comment.do" method="post"><div>
<input type="hidden" name="blogID" value="<$BlogID$>" />
<input type="hidden" name="postID" value="<$BlogItemNumber$>" />
<div>
<h2 class="sidebar-title form-title"><label class="cbody">Leave your comment </label></h2>
<h2 class="sidebar-title"> You can use some HTML tags, such as <b> <b>, <i>, <a> </b> </h2>
<textarea name="postBody" class="comment" rows="8" cols="40" onkeyup="comment_form_preview(this.form);"></textarea>
<h2 class="sidebar-title identity"> Choose an identity </h2>
<div>
<div>
<input id="idenBlogger<$BlogItemNumber$>" type="radio" name="iden" value="Blogger" checked="checked" onchange="toggleitem('cfo<$BlogItemNumber$>');comment_form_preview(this.form);" />
<label> Your Blogger display name </label>
</div>
<div>
<input type="radio" name="iden" value="Other" onchange="toggleitem('cfo<$BlogItemNumber$>');comment_form_preview(this.form);" />
<label>Other</label>
<div style="display:none;" id="cfo<$BlogItemNumber$>">
<table style="margin-left: 4em;" cellpadding="0" cellspacing="0">
<tr> <td colspan="2" style="padding-top:.4em;position:relative;left:-4em;" align="left"> These fields are optional, but I would appreciate it if you filled them out. </td></tr>
<tr> <td> <label> Name </label> </td>
<td> <div class="errorbox-good"> <input type="text" name="anonName" value="" maxlength="100" class="text" /> </div> </td> </tr>
<tr> <td> <label> Your web page </label> </td>
<td> <div class="errorbox-good"> <input type="text" name="anonURL" value="" maxlength="100" class="text" /> </div> </td> </tr>
</table>
</div>
</div>
<div class="diff-user"> Or you can sign in <a href="http://www.blogger.com/login.g?r=http%3A%2F%2Fwww.blogger.com%2Fcomment.g%3FblogID%3D<$BlogID$>%26postID%3D<$BlogItemNumber$>"> as a different user</a>.</div>
</div>
</div>
<div class="errorbox-good"> </div>
<p class="buttons">
<input style="margin-right:.3em" name="post" value="Publish Your Comment" class="publish" type="submit" tabindex="2" />
<input value="Preview" type="submit" name="preview" tabindex="3" />
</p>
</div></form>
</div>
4.保存对模版的更改，重新发布
后记：这个修改方法同样有一个很大的缺陷，就是要放弃Blogger评论系统的验证词及审阅功能。而且，由于调用的代码来自国外的coComment,所以速度可能不是很理想。
| |
九月 8th, 2006 at 1:51 上午
我是BLOG新手,请麻烦你教教我怎么将照片与文章分类, 是要更改摸板吗? 怎么样改啊? 我现在显示出来的照片与文章都在一起, 觉得好乱啊.
谢谢!
十一月 10th, 2006 at 10:38 上午
不知道是不是因为你这里面的“”""'写的太乱还是什么原因
我加上以后主页上什么都不显示了；
十一月 10th, 2006 at 10:55 上午
建议把这一页要用到的代码用TXT编好了以后提供下载
六月 26th, 2007 at 4:18 下午
"cocomment的页内评论" 是不是沒有效?
五月 1st, 2009 at 6:12 下午
Blogger可以用你的博客的这个评论系统吗?
九月 29th, 2009 at 2:54 下午