为Blogger的评论添加楼层功能

方法转载自GG圈。

这个方法其实就是显示你的文章的评论有多少楼了，可以很直观的呈现评论是第几楼发布的。

不是很必要的功能，不过我很喜欢这个效果，所以还是添加了。

至于添加的方法如下：

1. Blogger后台——设计——修改HTML——勾选“扩展窗口小部件模板”，然后找寻]]></b:skin>，在之前添加以下代码：

.CommentIndex{
float:right;
position:relative;top:25px;left:3px;
margin-left:-200px;
font: italic bold 30pt 'Century Gothic','Trebuchet MS';
color:blue;
opacity:0.3;
-moz-opacity:0.3;
filter:alpha(Opacity=30);
}

.CommentIndex:hover{font-size:80px;}


懂CSS的朋友可以根据自己的部落格作相应的更改，像我使用蓝色的数字是因为我的部落格是以蓝色调为主。

2. 接下来找寻以下代码：

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>


全部替换成

<dl id='comments-block'>
<script type='text/javascript'>Index = 1;</script>
<b:loop values='data:post.comments' var='comment'>
<span class='CommentIndex' title='你在几楼？'><script type='text/javascript'>document.write(Index); Index= Index+1 ;</script></span>


3. 保存模板。

效果范例如下图：



进一步查看我的其它网站