通过Javascript在Blogger首页显示/隐藏评论

示例如本Blog贴子,点击"评论"选项即可看到

使用前请将全角符号＜＞更改为半角

1.添加CSS于＜style＞＜/style＞之间

.commenthidden {display:none}

.commentshown {display:inline}


2.在模板的 ＜head＞＜/head＞ 标记间添加以下Javascript代码：



＜script type="text/Javascript"＞


function togglecomments (postid) {


var whichpost = document.getElementById(postid);


if (whichpost.className==

"commentshown") {

whichpost.className="commenthidden";

}

else {

whichpost.className="commentshown";

}

}

＜/script＞


3.在＜Blogger＞ ＜/Blogger＞

之间找到如下类似代码:


＜MainOrArchivePage＞

＜BlogItemCommentsEnabled＞

＜a href="＜$BlogItemPermalinkURL$＞#comments"＞

＜$BlogItemCommentCount$＞ comments＜/a＞

＜/BlogItemCommentsEnabled＞


＜/MainOrArchivePage＞


去掉包围的＜MainOrArchivePage＞＜/MainOrArchivePage＞标记,以让评论在所有页面上显示.

之后,要将代码替换成以下类似形式:


＜BlogItemCommentsEnabled＞

＜a href="javascript:togglecomments('c＜$BlogItemNumber$＞')"＞


＜$BlogItemCommentCount$＞ 评论＜/a＞

＜/BlogItemCommentsEnabled＞


4.一般紧跟我们刚找到的代码下有以下类似代码(就是在贴子页中显示评论的那部分代码):

＜ItemPage＞

＜BlogItemCommentsEnabled＞

中间省略一部分标记

＜/BlogItemCommentsEnabled＞

＜/ItemPage＞


首先去掉＜ItemPage＞＜/ItemPage＞两个标记,以让评论内容在所有页面上显示.

最好要添加类似代码以显示和隐藏评论:

＜span class="commenthidden" id="c＜$BlogItemNumber$＞"＞

＜BlogItemCommentsEnabled＞

中间省略部分标记

＜/BlogItemCommentsEnabled＞

＜/span＞