言归正传,这次要介绍的是如何“为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 评论:
沙发是我的了,你还不快留言??
应该是 “]]><” 吧
@banana
对,是我写错了,谢谢提醒,已经改正了:)
Blogger也能玩成这境界,厉害呀!
@daniel我也是学别人的,自己实际会的很少- =
为什么第3步替换的时候,无法保存,显示什么dl等错误啦
@滴泪斩代码应该是对的,我已经验证过了。你看看是不是你的代码放错了位置或者输入有误?
不好意思,我把第三步里面的代码dl改成DL就可以保存了,因为我的博客里面是DL id='comments-block'
不过不知道为什么?
还有我想问一下,为什么我现在可以显示楼层后,非要移动到某个位置才能显示楼层么?如果我不移动到该处,默认显示楼层是透明的,看不见。我希望象你现在这样,鼠标不移动到该处就可以看到楼层。这个问题怎么解决啦???
@滴泪斩我看了一下你的Blogger,发现你的楼层提示是可以直接显示的,只是显示的字体很小。
你可以看看第二步中的这个代码:
font: italic bold 30pt 'Century Gothic','Trebuchet MS';
这里定义了字体的大小,看看你的模板里面是不是把字体设置得太小了?
好了,问题解决了。我把代码重新拷贝一遍就好了,我也不知道怎么回事。反正现在就是好了,对了,有什么办法跟你的博客添加好友么?免得我下次又要找半天。(*^__^*) 嘻嘻……
@滴泪斩我们可以做友情链接啊:),还有就是在右下角“关注”我的Blogger咯,不过你好像已经在列表里了o(∩_∩)o
博主你好,我请教几个问题,怎么才能让评论这个标签按钮直接体现在文章标题的下面?
谷歌流量分析器应该怎么输入代码可以实现BLOG分析。
谢谢
@汪洋之中的自由之岛1.在blogger后台布局里面,点“博客帖子”项右下角的“修改”,然后把“评论”标签直接拖到标题栏下就OK了。
2.加入GoogleAnalytics其实很简单,根据它的提示一步一步来就行啦,具体哪里不会你可以继续问我:)
前几天在学校刚回家,答复得有点晚,抱歉。
博主你好,我试过这个方法,是放不上去的,你可以试试。放上去以后他还是在文章的末端显示。非常奇怪。
另外一个问题,请教你是如何将网友的评论展开的,怎么操作谢谢。
@汪洋之中的自由之岛我试了下,的确它会自动放置到下方,看来要修改模板才能实现,需要研究一下...
至于展开评论,设置-评论-评论表单放置-勾选“在下面嵌入帖子”,就OK了。
@汪洋之中的自由之岛看了下,显示评论的代码为:
<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
@汪洋之中的自由之岛我看了下,类似的代码是存在的,可能是你在修改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.搞定,看看效果。
万分感谢博主,万分感谢。我原来都没注意这个窗口小部件.....
@汪洋之中的自由之岛呵呵,搞定就好!
博主我在请教一下,能不能在博客上建立一个简易论坛。比如在右上角出现连接。
@汪洋之中的自由之岛Blogger只提供Blog服务,要添加论坛功能好像不太可能。
发表评论
有问题请留言,Luke帮你解决。问了方便回答,请尽量不要匿名。