为Blogger评论添加楼层提示

今天很是郁闷， Blogger上“评论栏显示评论者头像”和“添加表情”的Hack都没有成功，不知道是自己的问题还是参照文章的代码有问题，姑且以后再试吧。

言归正传，这次要介绍的是如何“为Blogger评论添加楼层提示”（方法来自于GG派ggp（Google快照）），这个功能是为以后的Hack做基础，所以先贴出来吧。效果见评论栏。

实现方法：

1.控制台-布局-修改HTML，先保存一下模板以备不测。

2.查找：
]]></b:skin>
在其上添加以下代码：
.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;}
注：你可以根据自己Blogger的模板做一定的修改。例如，你可以把控制字体颜色的代码color:red;中的red改成blue，还有字体大小等等。

3.勾选“扩展窗口小部件模板”，然后查找：
<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>

Hack到此结束，保存模板看看效果吧：）



-------------------------------------------------------------------------------------
以上图片和文字均为原创，转载请注明转自Luke瞎折腾！

收藏本文