Programo Web

<script type="text/javascript">

function emoticonos(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><br><p>Haz click en los emoticonos para usarlos:</p>
  <img src="http://tublog.com/wp-includes/images/smilies/icon_smile.gif" alt=":smile:" onclick="emoticonos(':smile: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_biggrin.gif" alt=":grin:" onclick="emoticonos(':grin: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_razz.gif" alt=":razz:" onclick="emoticonos(':razz: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_lol.gif" alt=":lol:" onclick="emoticonos(':lol: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_wink.gif" alt=":wink:" onclick="emoticonos(':wink: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_mrgreen.gif" alt=":mrgreen:" onclick="emoticonos(':mrgreen: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_neutral.gif" alt=":neutral:" onclick="emoticonos(':neutral: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_rolleyes.gif" alt=":roll:" onclick="emoticonos(':roll: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_eek.gif" alt=":shock:" onclick="emoticonos(':shock: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_confused.gif" alt=":???:" onclick="emoticonos(':???: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_cool.gif" alt=":cool:" onclick="emoticonos(':cool: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_redface.gif" alt=":oops:" onclick="emoticonos(':oops: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_twisted.gif" alt=":twisted:" onclick="emoticonos(':twisted: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_evil.gif" alt=":evil:" onclick="emoticonos(':evil: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_surprised.gif" alt=":eek:" onclick="emoticonos(':eek: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_mad.gif" alt=":mad:" onclick="emoticonos(':mad: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_sad.gif" alt=":sad:" onclick="emoticonos(':sad: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_cry.gif" alt=":cry:" onclick="emoticonos(':cry: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_exclaim.gif" alt=":!:" onclick="emoticonos(':!: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_idea.gif" alt=":idea:" onclick="emoticonos(':idea: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_arrow.gif" alt=":arrow:" onclick="emoticonos(':arrow: ');">
  <img src="http://tublog.com/wp-includes/images/smilies/icon_arrow.gif" alt=":arrow:" onclick="emoticonos(':arrow: ');">
  <br />

<!-- AQUI TERMINA EL CODIGO PARA LOS EMOTICONOS WORDPRESS CON 1 CLICK -->