2008年7月20日星期日

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了~~”

4 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆