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&amp;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> &lt;b&gt;, &lt;i&gt;, &lt;a&gt; </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,所以速度可能不是很理想。

This entry was posted in Blogger Hack. Bookmark the permalink.

8 Responses to Blogger hack:基于cocomment的页内评论

  1. Joanna says:

    我是BLOG新手,请麻烦你教教我怎么将照片与文章分类, 是要更改摸板吗? 怎么样改啊? 我现在显示出来的照片与文章都在一起, 觉得好乱啊.

    谢谢!

  2. kevin says:

    不知道是不是因为你这里面的“”""'写的太乱还是什么原因
    我加上以后主页上什么都不显示了;

  3. kevin says:

    建议把这一页要用到的代码用TXT编好了以后提供下载

  4. YeeHK says:

    "cocomment的页内评论" 是不是沒有效?

  5. 油枣 says:

    [Comment ID #9944 Will Be Quoted Here]

    Blogger可以用你的博客的这个评论系统吗?

  6. sacs à main says:

    :o 代码一堆 难懂

  7. There is no doubt that the ever growing cult of celebrity in both the UK and here in the US has led to more people wanting to own designer cheap brand shoes. Hardly a week goes by without some women’s magazine calling for its readers to get wholesale brand shoes like Kylie or like Kate Moss.

  8. Here you will find the best articles relating to everything cheap fashion handbags and the handbag market. We will discuss shopping tips, fashion trends, cheap brand wallets, and many more topics of interest to our wholesale customers!

发表评论

您的电子邮箱不会被公开。 标记为 * 的区域必须填写

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>