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

2009/10/03

为Blogger的评论栏添加表情

字体大小:| |
为Blogger的评论栏添加表情

这是Luke很早就想实现的一个Blogger Hack,很久以前看到有老外放出过方法,可是表现效果不尽人意。后来又通过Google找到了BLOGGER欢乐表情插件,开始用用还好,可是后来很多表情的外链都出现了问题,而且Blogger本身被墙,最后也就放弃了。

最近,Luke偶然在Alexiel的Blogger发现了一个通过调用JS代码,自动将回复中的字符转换成图片表情的方法,瞎折腾了一会,发现效果还不错,(能翻^墙的来这里看看演示吧),特此分享~

PS:本想偷懒直接调用Alexiel提供的图片地址,却发现他图片的外链流量用完了- =,索性自己重新修改了下js文件,换上新的图片外链地址,总算可以正常使用了。

实现步骤:

1.控制台-设置-评论-在“评论表单放置”处选择“”,然后保存设置。



2.控制台-布局-修改HTML,保存下模板以备不测勾选“扩展窗口小部件模板”



3.查找以下代码:
</body>

在其方添加:
<script src='http://youke.googlecode.com/files/smiley.js' type='text/javascript'/>




4.查找以下代码:
<b:if cond='data:post.embedCommentForm'>

在其方添加如下代码(代码较长,注意确保全部复制):
<div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<b>
在回复中输入以下符号可以使用对应的表情:<br />
<img border='0' height='40' src='http://youke.googlecode.com/files/daxiao.gif' width='40'/> -daxiao-
<img border='0' height='40' src='http://youke.googlecode.com/files/yaotou.gif' width='40'/> -yaotou-
<img border='0' height='40' src='http://youke.googlecode.com/files/outu.gif' width='40'/> -outu-
<img border='0' height='40' src='http://youke.googlecode.com/files/sikao.gif' width='40'/> -sikao-
<img border='0' height='40' src='http://youke.googlecode.com/files/nu.gif' width='40'/> -nu-
<img border='0' height='40' src='http://youke.googlecode.com/files/love.gif' width='40'/> -love-
<img border='0' height='40' src='http://youke.googlecode.com/files/ku.gif' width='40'/> -ku-
<img border='0' height='40' src='http://youke.googlecode.com/files/keai.gif' width='40'/> -keai-
<img border='0' height='40' src='http://youke.googlecode.com/files/jingyi.gif' width='40'/> -jingyi-
<img border='0' height='40' src='http://youke.googlecode.com/files/haqian.gif' width='40'/> -haqian-
<img border='0' height='40' src='http://youke.googlecode.com/files/hansi.gif' width='40'/> -hansi-
<img border='0' height='40' src='http://youke.googlecode.com/files/faguang.gif' width='40'/> -faguang-
<img border='0' height='40' src='http://youke.googlecode.com/files/diantou.gif' width='40'/> -diantou-
<img border='0' height='40' src='http://youke.googlecode.com/files/deyi.gif' width='40'/> -deyi-
<img border='0' height='40' src='http://youke.googlecode.com/files/bishi.gif' width='40'/> -bishi-
<img border='0' height='40' src='http://youke.googlecode.com/files/shoushang.gif' width='40'/> -shoushang-
<img border='0' height='40' src='http://youke.googlecode.com/files/liulei.gif' width='40'/> -liulei-
<img border='0' height='40' src='http://youke.googlecode.com/files/meiwei.gif' width='40'/> -meiwei-
<img border='0' height='40' src='http://youke.googlecode.com/files/dengpao.gif' width='40'/> -dengpao-
<img border='0' height='40' src='http://youke.googlecode.com/files/yinyue.gif' width='40'/> -yinyue-
</b>
</div>




5.小功告成,保存模板。

至此这个Blogger Hack已经完成,以后在评论时想要使用表情时,只要在回复时输入相应的表情代码如“-daxiao-”、“-liulei-”等,再按“发布评论”后就能看见生动的表情了。如图:
为Blogger的评论栏添加表情

PS1:大家可以看到在这个Hack中所有的表情图片都是引用Luke存在其他空间的图片的,如果你想换上自己的表情,可以在这里这里下载JS文件,对其进行修改后上传到自己的可外链免费空间中,然后再替换步骤3中红色的js文件调用地址就行了,当然也别忘记修改步骤4中相应的地方。如果你和Luke一样懒的话,好吧,直接使用Luke提供的Js和图片地址吧,它们都是存放在GoogleCode上,还算比较稳定的,流量也很充足。

PS2:对于国内绑定了自己域名的Blogger用户(免费的cz.cc域名&免费的co.cc域名),由于嵌入式的评论被墙无法显示,所以在步骤1时应该选择“”,同时跳过步骤4(做了也没用),然后在步骤1的“评论表设置”处,填入相关的提示信息,如:
<b>
在回复中输入以下符号可以使用对应的表情:
-daxiao- (大笑) -yaotou- (摇头) -outu- (呕吐) -sikao- (思考) -nu- (怒) -love- (爱心) -ku- (酷) -keai- (可爱) -jingyi- (惊异) -haqian- (哈欠) -hansi- (汗死) -faguang- (两眼发光) -diantou- (点头) -deyi- (得意) -bishi- (鄙视) -shoushang- (受伤) -liulei- (流泪) -meiwei- (美味) -dengpao- (灯泡) -yinyue- 音乐
</b>

由于Blogger的评论提示不支持<img>标签,所以很可惜不能用更形象的图片做说明只能退而求其次用文字了,不过最后的展示效果还是和“嵌入式评论”一样的(刚回复是不显示表情,刷新文章后显示,演示看这里)。国外用户则不受影响可以完美使用(真羡慕国外的Blogger用户啊T T)


最后的PS:怀着对Blogger的热爱之心,又写了一篇关于Blogger Hack的文章,国庆已过,谨以此来祝愿Blogger早日解封吧!



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

收藏本文
相关文章:

3 评论:

小毅 说... 回复此评论

你这边居然还在更新,呵呵。

Luke 说... 回复此评论

@小毅

呵呵,两边同时更新,就等着Blogger解封呢。

匿名 说... 回复此评论

i'm gonna make my own post about it

发表评论

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