回到首页
订阅Luke瞎折腾
找资源前务必先看这里!!
Blogger技巧
免费空间推荐
Luke的网络收藏夹
Luke的网络硬盘
控制台
新建日志

2009/04/12

为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瞎折腾

收藏本文
相关文章:

22 评论:

Luke 说... 回复此评论

沙发是我的了,你还不快留言??

banana 说... 回复此评论

应该是 “]]><” 吧

Luke 说... 回复此评论

@banana

对,是我写错了,谢谢提醒,已经改正了:)

daniel 说... 回复此评论

Blogger也能玩成这境界,厉害呀!

Luke 说... 回复此评论

@daniel我也是学别人的,自己实际会的很少- =

滴泪斩 说... 回复此评论

为什么第3步替换的时候,无法保存,显示什么dl等错误啦

Luke 说... 回复此评论

@滴泪斩代码应该是对的,我已经验证过了。你看看是不是你的代码放错了位置或者输入有误?

滴泪斩 说... 回复此评论

不好意思,我把第三步里面的代码dl改成DL就可以保存了,因为我的博客里面是DL id='comments-block'
不过不知道为什么?

还有我想问一下,为什么我现在可以显示楼层后,非要移动到某个位置才能显示楼层么?如果我不移动到该处,默认显示楼层是透明的,看不见。我希望象你现在这样,鼠标不移动到该处就可以看到楼层。这个问题怎么解决啦???

Luke 说... 回复此评论

@滴泪斩我看了一下你的Blogger,发现你的楼层提示是可以直接显示的,只是显示的字体很小。

你可以看看第二步中的这个代码:
font: italic bold 30pt 'Century Gothic','Trebuchet MS';

这里定义了字体的大小,看看你的模板里面是不是把字体设置得太小了?

滴泪斩 说... 回复此评论

好了,问题解决了。我把代码重新拷贝一遍就好了,我也不知道怎么回事。反正现在就是好了,对了,有什么办法跟你的博客添加好友么?免得我下次又要找半天。(*^__^*) 嘻嘻……

Luke 说... 回复此评论

@滴泪斩我们可以做友情链接啊:),还有就是在右下角“关注”我的Blogger咯,不过你好像已经在列表里了o(∩_∩)o

汪洋之中的自由之岛 说... 回复此评论

博主你好,我请教几个问题,怎么才能让评论这个标签按钮直接体现在文章标题的下面?
谷歌流量分析器应该怎么输入代码可以实现BLOG分析。

谢谢

Luke 说... 回复此评论

@汪洋之中的自由之岛1.在blogger后台布局里面,点“博客帖子”项右下角的“修改”,然后把“评论”标签直接拖到标题栏下就OK了。

2.加入GoogleAnalytics其实很简单,根据它的提示一步一步来就行啦,具体哪里不会你可以继续问我:)

前几天在学校刚回家,答复得有点晚,抱歉。

汪洋之中的自由之岛 说... 回复此评论

博主你好,我试过这个方法,是放不上去的,你可以试试。放上去以后他还是在文章的末端显示。非常奇怪。
另外一个问题,请教你是如何将网友的评论展开的,怎么操作谢谢。

Luke 说... 回复此评论

@汪洋之中的自由之岛我试了下,的确它会自动放置到下方,看来要修改模板才能实现,需要研究一下...

至于展开评论,设置-评论-评论表单放置-勾选“在下面嵌入帖子”,就OK了。

Luke 说... 回复此评论

@汪洋之中的自由之岛看了下,显示评论的代码为:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
你需要在模板中找到以上代码,然后再将其剪切移动到包含
<data:post.title/>
区域的后面,就可以实现在标题下显示评论的效果了。

*由于模板不同,代码可能也不同,不过应该类似,找不到的话可以尝试类似的关键词,改前先保存下模板备份,然后再一点点试着改,应该会成功的。

汪洋之中的自由之岛 说... 回复此评论

博主你好,为了方便,我重新选择了新模板,但是这个模板似乎锁定了很多功能,请问你知道怎么解开?
我的模板内容

http://www.blogcrowds.com/resources/view_template.php/garland_73

Luke 说... 回复此评论

@汪洋之中的自由之岛我看了下,类似的代码是存在的,可能是你在修改HTML代码是没有勾选“扩展窗口小部件模板”,以后一定要注意咯!根据你的模板,你可以:
1:找到以下代码:
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
2.将上面的代码剪切粘贴到
</b:if> by <data:post.author/>
后面。
3.搞定,看看效果。

汪洋之中的自由之岛 说... 回复此评论

万分感谢博主,万分感谢。我原来都没注意这个窗口小部件.....

Luke 说... 回复此评论

@汪洋之中的自由之岛呵呵,搞定就好!

汪洋之中的自由之岛 说... 回复此评论

博主我在请教一下,能不能在博客上建立一个简易论坛。比如在右上角出现连接。

Luke 说... 回复此评论

@汪洋之中的自由之岛Blogger只提供Blog服务,要添加论坛功能好像不太可能。

发表评论

有问题请留言,Luke帮你解决。问了方便回答,请尽量不要匿名。