Nov

30

JS-Kit.Com：为任何一个网页添加评论功能

分类：博客工具

你只需要把下面这段代码放在你想要让读者评论的地方就可以了：

<script src="http://js-kit.com/comments.js"></script>

技巧：

1、你可以使用一个div标签来加快页面的载入速度：

<div id="js-kit-comments"></div>
代码部分
<script src="http://js-kit.com/comments.js"></script>

2、你可以使用label属性来改变默认的“Leave a comment”。

<div id="js-kit-comments" label="你想显示的名称"></div>
<script src="http://js-kit.com/comments.js"></script>

3、如果文件可以使用多重路径，你也想把同样的评论显示在不同的地方，那么可以使用路径来描述：

<div id="js-kit-comments" path="/你的路径"></div>
<script src="http://js-kit.com/comments.js"></script>

4、在【SCRIPT】后使用css可以自定义评论的外观：

<script src="http://js-kit.com/comments.js"></script>
<style type="text/css">
你的样式
</style>

5、你可以使用模版来彻底改变评论的外观，其基本结构如下：

<div id="js-kit-comments" style="visible: hidden">
<div class="js-singleComment">
<div class="js-singleCommentBg">
<div class="js-singleCommentINFO">
<div class="js-singleCommentName">{Name}</div>
<div class="js-singleCommentControls">
[<a class="js-singleCommentReply">{Label:reply}</a>]
<span class="js-singleCommentDeletable"> [<a class="js-singleCommentDelete">{Label:delete}</a>]</span>
</div>
</div>
<div class="js-singleCommentText">{Text}</div>
<div style="clear: both"></div>
</div>
</div>
</div></div>
<script src="http://js-kit.com/comments.js"></script>

对术语不是很了解，如果有什么错误，请以原文为准。原文链接点这里。

下面的是测试，点“留下买路钱”就会出现一个留言框。留言试试：）

订阅博客联盟到抓虾，鲜果，google reader，bloglines，飞鸽，有道，邮件。

相关文章阅读

Comments

Comments are closed.