blogger：给你的blogspot博客评论增加论坛一样的楼层提示

首先感谢作者kaie给我们带来这么有趣的技巧。



样子大家参见GG派现在的评论，右方都有一个红色的数字，1，2，3，4。把鼠标放上去还会变大。有意思吧～～



具体增加方法为以下简单两步：

第一步： 切换到布局的修改HTML项目，在CSS的部份，即在]]<>/b:skin>上边添加如下代码：(稍懂CSS的可以根据您的博客做一定的修改，例如最简单的，你可以把控制字体颜色的代码color:red;中的red改成blue之类)



.CommentIndex{

float:right;

position:relative;top:25px;left:3px;

margin-left:-200px;

font: italic bold 30pt 'Century Gothic','Trebuchet MS';

color:red;

opacity:0.3;

-moz-opacity:0.3;

filter:alpha(Opacity=30);

}



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





保存后开始第二步，在扩展小窗口模板处打勾， 找到如下代码：



<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>



完成了～～我们终于可以在评论里喊“三楼的，你下来跟老子PK了～～”