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

1 评论:

Chen Bo 说...

这个东东也很实用。收藏先。等哪天我想花哨了使用之。

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