表情胜言语

有时候
言语真的很难表达我的想法
也因为我的语言能力是真的差
所以
我会喜欢用表情来表达
方法也是很简单

Step 1:
Login blogger > Design > Edit HTML > Expand Widget Templates
Ctrl + F
<b:if cond='data:post.embedCommentForm'>
<:if cond='data:post.allowNewComments'>


Step 2:
paste以下的 code
在 Step 1 之间:
<div style='width: 500px; margin-left:10px; text-align:left; line-height:2em; border: 1px solid #000000; padding: 10px; color:#B30000; background-color:#FFFFFF; font-weight:bold; height:55px'>
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> :A
<img border='0' height='20' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif' width='34'/> :B
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :C
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> X(
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif' width='18'/> B-)
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :E
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :F
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' width='18'/> :G
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif' width='18'/> @};-
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif' width='18'/> ~o)
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> :H
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif' width='18'/> (*)
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> :i
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='28'/> :-h
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' width='28'/> :-q
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif' width='39'/> :-bd
<img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/115.gif' width='28'/> :ZZ
</div>

Step 3:
download 这个 file

Step 4:
这个 file
原创是 .txt
把它改成 .js

Step 5:
再把它 upload 去 DataNest

Step 6:
再 Ctrl + F
</body>

Step 7:
把以下的 code
paste 在 Step 6 code 之前
<script src='http://js file link.js' type='text/javascript'/>
然后把 Step 5 file 的 URL link
填充去 code 的红色 highlight

Step 8:
review 一下
假如满意的话
那就 save template
现在
你可以发 comment 时
用 icon 咯

之前
我的不可以操作
因为程序上我排错了方法
抱歉抱歉

资料 courtesy to Vista SG


我发现
这功能只能够用
当 comment form placement 是 Embedded below post
所以
我把我的 CFP
调整过了



昨天
在网上检查美化 blog 产品的时候
意外的读到
因为这些 script 都是网上找的
有些是好的 script
也有些可能是恶意的 script
所以
大家加 script 的时候
千万要小心
或
最好是自己的写 script
这个很有挑战性吧