Friday, November 5, 2010

在博客显示表情符号

表情符号(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 EmoticonsSkype Emoticons 的网页。如果你使用 Firefox,在你想要的表情符号的图标上点击右键,然后点选 "Copy Image Location",接着把它黏贴到<img>里的src="url of emoticon"。

6 comments:

  1. 您还那么有心思去研究哦,佩服佩服。。。

    ReplyDelete
  2. 果然是双鱼的engineer! XD

    ReplyDelete
  3. 哈哈,這只不過是我的「另類電腦遊戲」!

    ReplyDelete
  4. 老哥,请问如何插入歌曲播放器?

    ReplyDelete
  5. 好久以前,我曾在这里安装歌曲播放器。我记得试了好几款播放器,现在能够找回的只用这个 http://yourlisten.com/ 。印象中有一款播放器,我觉得很好,但我不记得是哪个了。
    要在网站播歌,传统及简单的方式是用“embed”。 方法可以参考: http://bloggerstop.net/2008/12/how-to-embed-music-or-mp3-files-in-your.html
    不过也有很多网站提供播放器widget,Blogger Help里有很好的说明: http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=80259
    不过,上头介绍的播放器我都没用过。
    有一点要趁机说,我很讨厌那些自动播歌的网站。所以,要放歌曲播放器的话,记得要设定为让读者自行选择播放。

    ReplyDelete