저 같은 경우는 자바스크립트 코드를 직접 삽입해서 쓰고 있습니다.

별 이상없이 작동해서 쓰고는 있지만, 이것이 정확한지는 모르겠습니다. :-//

해당 테마의 comments.php에 아래 코드를 원하는 위치에 넣었습니다.

스마일리 아이콘 위치 경로를 확인해 주시면 됩니다.

<textarea name="comment" id="comment" cols="40%" rows="10" tabindex="4"></textarea>


저의 경우는 comments.php 에서 위의 코드 바로 아래에 다음과 같이 추가했습니다.

<!-- 스마일 아이콘 -->

<script type="text/javascript">
function grin(tag) {
   var myField;
   if (document.getElementById('content') && document.getElementById('content').type == 'textarea') {
      myField = document.getElementById('content');
   }
   else if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') {
      myField = document.getElementById('comment');
   }
   else {
      return false;
   }
   if (document.selection) {
      myField.focus();
      sel = document.selection.createRange();
      sel.text = tag;
      myField.focus();
   }
   else if (myField.selectionStart || myField.selectionStart == '0') {
      var startPos = myField.selectionStart;
      var endPos = myField.selectionEnd;
      var cursorPos = endPos;
      myField.value = myField.value.substring(0, startPos)
                 + tag
                 + myField.value.substring(endPos, myField.value.length);
      cursorPos += tag.length;
      myField.focus();
      myField.selectionStart = cursorPos;
      myField.selectionEnd = cursorPos;
   }
   else {
      myField.value += tag;
      myField.focus();
   }
}
</script>
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_mrgreen.gif" alt=":mrgreen:" onclick="grin(':mrgreen:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_neutral.gif" alt=":neutral:" onclick="grin(':neutral:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_twisted.gif" alt=":twisted:" onclick="grin(':twisted:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_eek.gif" alt=":shock:" onclick="grin(':shock:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_smile.gif" alt=":smile:" onclick="grin(':smile:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_confused.gif" alt=":???:" onclick="grin(':???:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_cool.gif" alt=":cool:" onclick="grin(':cool:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_evil.gif" alt=":evil:" onclick="grin(':evil:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_biggrin.gif" alt=":grin:" onclick="grin(':grin:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_redface.gif" alt=":oops:" onclick="grin(':oops:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_razz.gif" alt=":razz:" onclick="grin(':razz:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_rolleyes.gif" alt=":roll:" onclick="grin(':roll:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_wink.gif" alt=":wink:" onclick="grin(':wink:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_cry.gif" alt=":cry:" onclick="grin(':cry:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_surprised.gif" alt=":eek:" onclick="grin(':eek:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_lol.gif" alt=":lol:" onclick="grin(':lol:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_mad.gif" alt=":mad:" onclick="grin(':mad:');">
<img src="<?php bloginfo('url'); ?>/wp-images/smilies/icon_sad.gif" alt=":sad:" onclick="grin(':sad:');">