在博客显示表情符号

表情符号(emoticon)是在网上聊天室中很流行的玩意。所谓一图胜千言，简简单单的一个表情符号，很多时候比文字来得更传神和贴切 。在博客上就较少人用了。主要原因我想应该是一般的博客客户端都不提供插入表情符号的功能。当我之前突然想在我的博客上使用表情符号时，我上网去搜资料，果然发现很多方法。我根据指示下载及安装了需要的文档及在博客模板上加入指令。结果却发现效果不理想。

后来我想，所谓表情符号应该也只不过是动画图标(animated icons)吧？我应该可以使用简单的HTML编码<img>就能插入表情符号吧？一试之下，果然如此！原来我们其实无需下载及安装任何文档便能在博客上使用我们喜欢的 Yahoo、Skype 或其他的表情符号(emoticon)。

而方法就是，写博文时，在 Blogger Editor 里切换到 "Edit HTML"，在想要显示表情符号的地方输入以下编码：
<img border="none" src="url of emoticon" style="padding: 0pt; vertical-align: text-bottom;" height="16" />
"height"里头的号码可以配合博客使用的字体大小更改。而"style"里头的参数则依个人需要和喜好而改。

比如我要加入Yahoo大笑的表情符号，我就输入：
<img border="none" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" style="padding: 0pt; vertical-align: text-bottom;" height="16" />
于是这个大笑的表情符号 就出来了。
输入 <img border="none" src="http://skypeemoticons.net/wp-content/uploads/2010/01/Skype-emoticons-41-whew.gif" style="padding: 0pt; vertical-align: text-bottom;" height="16" />
这个Skype抹汗的表情符号 就出来了。

要获取相关表情符号的URL，可到 Yahoo Emoticons 和 Skype Emoticons 的网页。如果你使用 Firefox，在你想要的表情符号的图标上点击右键，然后点选 "Copy Image Location"，接着把它黏贴到<img>里的src="url of emoticon"。