2010年12月9日星期四

为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. 保存模板。


效果范例如下图:
Blogspot Floor Hack

linfavourite signature
进一步查看我的其它网站

没有评论:

LinkWithin

Related Posts Plugin for WordPress, Blogger...