无意中在5key’s blog发现了这篇文章（Wordpress与饭否），看完后觉得这个应该是通用的，所以就在blogbus下试验了下。详情请查看全文

上回公布的旧模板下添加表情的实现方法从理论上讲是可行的，但在实际应用中却会遇到麻烦。先在这里谢谢各位网友的反馈，虽然我之前已经预料到这种事了，但却未能全面考虑到解决问题的方法，这也算是我的失误吧。这篇日志中将要讲解下问题解决的方法。

从目前来看，遇到的问题主要是表情图标在评论列表及边栏中的显示问题。那么下面就来解决这个问题。

comment代码块：



我们在comment代码块中可以找到 类似于 <div ...

首先感谢下大家长期以往对万恶以及我个人的支持，而我也知道，虽然你们当中有些人并未留过言，但你们每天都会关注万恶。也正是因为这样，万恶更要努力创作出大家需要的文章。

先前我发布过留言表情的实现方法，但那是在新模板系统下实现的。为什么只公布新模板系统的实现方法，而不公布旧模板的实现方法（当时提到以收费的方式来帮助实现），可能对于不懂代码的网友来说，这有点难以理解。但从我个人角度来说，一旦公布旧模板下的实现方法，我后期就需要投入更多的精力来帮助大家维护那些代码（大体意思就是说可能会产生各种各样的问题，需要我一个个回答）。但在新模板系统下就不会有这种顾虑（因为新模板系统这一块内容是封装的）。

今天由于受到网友丁一对我的肯定以及物质上的支持，所以就在这里，硬着头皮把旧模板下的表情实现方法公布出来。下面以Green Emotionless Kid 这款模板为例为介绍下旧模板下的实现方法。（因为图片文件已经不存在，所以会出现表情图标无法正常显示的情况，如果你不懂代码，请暂时不要再使用下面的代码）

Comment.Form代码块：

<script language="JavaScript" type="text/javascript"> <!-- function addSmilie(text){ document.cmtForm.cmt.value += text; document.cmtForm.cmt.focus(); } //--> </script> <div id="smiles"><span>表情：</span> <img src="http://public.blogbus.com/biaoqing/daodao/36/1.gif" onclick="javaScript:addSmilie('[face:1]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/2.gif" onclick="javaScript:addSmilie('[face:2]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/3.gif" onclick="javaScript:addSmilie('[face:3]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/4.gif" onclick="javaScript:addSmilie('[face:4]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/5.gif" onclick="javaScript:addSmilie('[face:5]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/6.gif" onclick="javaScript:addSmilie('[face:6]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/7.gif" onclick="javaScript:addSmilie('[face:7]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/8.gif" onclick="javaScript:addSmilie('[face:8]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/9.gif" onclick="javaScript:addSmilie('[face:9]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/10.gif" onclick="javaScript:addSmilie('[face:10]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/11.gif" onclick="javaScript:addSmilie('[face:11]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/12.gif" onclick="javaScript:addSmilie('[face:12]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/13.gif" onclick="javaScript:addSmilie('[face:13]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/14.gif" onclick="javaScript:addSmilie('[face:14]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/15.gif" onclick="javaScript:addSmilie('[face:15]')" alt=""> <img src="http://public.blogbus.com/biaoqing/daodao/36/16.gif" onclick="javaScript:addSmilie('[face:16]')" alt=""> </div>

上面的代码可以完全复制到comment.form的最后，但要注意的一点请看下图：

默认的Comment.Form中的<form method="post"... 这里可能不存在name="cmtForm" 这段代码，请自行添加上去！！区分大小写！！

log代码块：
在</body>之前添加以下代码：

<script type="text/javascript"> <!-- var commentsList = document.getElementById("comments"); var sideComments = document.getElementById("lastComments"); if (commentsList) { commentsList.innerHTML = commentsList.innerHTML.replace(/\[face:(\d+)\]/g,"<img src='http://public.blogbus.com/biaoqing/daodao/36/$1.gif'>"); } if (sideComments) { sideComments.innerHTML = sideComments.innerHTML.replace(/\[face:(\d+)\]/g,"<img src='http://public.blogbus.com/biaoqing/daodao/36/$1.gif'>"); sideComments.innerHTML = sideComments.innerHTML.replace(/\[.*?\.\.\./g,"..."); } --> </script>

下面是图示：

Index代码块：
同样是放在</body>之前：

<script type="text/javascript"> <!-- var sideComments = document.getElementById("lastComments"); if (sideComments) { sideComments.innerHTML = sideComments.innerHTML.replace(/\[face:(\d+)\]/g,"<img src='http://www.blogbus.com/forum/skins/forum/images/smiles/01-$1.gif'>"); sideComments.innerHTML = sideComments.innerHTML.replace(/\[.*?\.\.\./g,"..."); } --> </script>

下面是图示：

恩，好了，这下应该就可以正常使用表情图标了。有什么问题，请在这篇日志下留言，我总结起来后，会做个FAQ的。另外，图标的替换方法，下次再讲。

万恶的旧模板留言表情的实现相关文章：在旧模板下添加表情 答疑专用 & 在旧模板下添加表情 答疑专用 2

不知道大家还有没有印象，我曾经发布过切换列表和摘要（或者全文）的演示网址(http://diarylistdemo.blogbus.com/index_1.html?list)，而且在 万恶5个月 的那块模板中，还用到过列表显示的方法。这次将要发布的实现方法，原理上要简单一点，实现的效果也比较有限。先不说了，大家到这里（http://mobanzhan.blogbus.com/）看看实现效果：



下面就来讲下实现方法。
...

之前帮别人在新模板系统下定做了两个模板，他们都提出要修改评论处的文字为个性一点的文字。后来在论坛上，也见过一些人提到过这个问题，所以在这里就讲下实现方法。至于合不合适，就看你自己的了。请继续阅读全文

恩，又是意味不明标题 好吧，我先讲下背景知识吧。我之前曾经发布过评论表情图标和评论签名头像的实现方法。它们的原理其实就是利用js替换特定代码（比如[face:xx] [avatar:xx]），然后用css控制图像的显示。但是，当我们进入后台管理评论的时候，因为没有相应的js代码，所以我们看到的还是原来的代码，而不会以图像的形式显示出来。

下面就要讲到重点了，TheWorld作为一款世人皆知的浏览器（？），它的某项功能如果能够被我们巧妙利用的话，就可以实现后台的直观显示了。下面是我在TheWorld下的后台评论管理的截图。

另外，我有些时候想要在回复中加入图片表情，但不知道相对应的[face:xx]代码，这个时候，我们又可以利用TheWorld来实现这种添加表情的功能了！下面是我在后台回复评论时的截图。

 

 

呵呵，好了。上面就是我想讲的内容了。啥？要实现方法！？恩，这个实现方法我先不打算讲，我倒先想调查下你用的是什么浏览器，如果大多数人用的是TheWorld的话，我才会发布实现方法。

P.S：如果你用Firefox的话，还可以利用GreaseMonkey实现同样的功能！ 

可能标题没能准确说明，我解释下。上传到blogbus那小小的10M空间中的图片，的确存在着自动缩放（针对超过一定尺寸的图片而言，另外gif图片也会有问题）的问题，但所谓的自动缩放实际上可以看成是blogbus为大尺寸图片自动生成了缩略图。这个缩略图存放的路径与未加缩放的图片并不相同。但因为blogbus在后台功能设计方面的问题，很多人以为上传到blogbus上的图片只能是某个尺寸（也许是640的最大宽度）的了（Apollo就这样以为过……）

下面看下我在后台……

我经常在bbs上看到有人问这个问题，所以就想法解决一下吧。这个问题就是，blogbus在处理用户名与昵称的时候显得特别弱智。比如说，我注册的用户名是jiee3，但实际上我想用的昵称是jiee。可是在新模板系统下应用模板的时候，系统会直接把用户名显示在博客中。这样一来，昵称是干什么用的啊？！！