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

 

 

Sent to you by xingxing via Google Reader:

 

 

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

via GG派 by noreply@blogger.com (GG) on 7/20/08

首先感谢作者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了～～"

请大家暂时通过 ggQ.blogspot.com 来访问本博客！ Q用大写只是强调非p,别打错了～谢谢～

 

 

Things you can do from here:

• Subscribe to GG派 using Google Reader
• Get started using Google Reader to easily keep up with all your favorite sites