Emoticonos en los Comentarios de WordPress

Emoticonos

¿Te gustaría agregar emoticonos en los comentarios para que tus usuarios los utilizen?

Ahora te mostraré una forma muy simple de agregar estos emoticonos en el area de comentarios.

Para utilizar estos emoticonos tan sólo se debe hacer click sobre ellos.

Este código debes agregarlo en tu archivo comments.php de tu theme activo, normalmente se agregan sobre el area de escritura.

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

<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 -->

Debes cambiar el lugar donde dice http://tublog.com por la dirección de tu blog y no hacer ningún otro cambio, ya que los emoticonos vienen por defecto en tu instalación de WordPress, dentro de la carpeta /wp-includes/images/smilies/

Pueden probar los emoticones en este post.

Espero que les sea de utilidad este truco.

Últimos Comentarios con Iconos en Blogger

En el Escaparate nos muestran un exelente tutorial sobre como mostrar los últimos  comentarios de tu blog con un icono especial a través de un pequeño script. Este icono varía según el rango que tiene cada comentarista.

Comentarios en Blogger con Firma

En el Escaparate encuentro un exelente tutorial para diferenciar los comentarios de los usuarios de los tuyos (autor del blog). Este truco nos permite agregar una imagen de firma en nuestros comentarios.

Incentivar Comentarios

¿Quieres saber de que forma puedes incentivar a tus lectores a comentar?

Hay muchas formas de ganarte a los lectores, pero ganar comentarios cuesta un poco más, en especial en tipos de blogs con sólo una temática, ya que es más difícil encontrar un lector verdaderamente interesado.

Veamos algunas formas:

  • Top Comentaristas: esta es una exelente manera de incentivar a tus lectores a comentar, ya que ganan un enlace a su propia web, de esta manera ellos generan más tráfico y tu más comentarios.
  • Concursos: otra exelente forma es ofreciendo algún tipo de premio en tu blog, por ejemplo puedes ofrecer un banner a quién comente primero en un post en especial.
  • Temática del Blog: una forma facil de recibir comentarios es hablando sobre algo reciente, o sobre algún tema que sea muy conocido, más aún si genera debate.
  • Equivocate a Propósito: de esta forma les estarás diciendo a tus usuarios, indirectamente, que corrijan tu error.
  • Responde: siempre que recibas algún comentario en donde te preguntan algo, responde lo antes posible y si recibes un comentario de felicitaciones, agradece a quién te lo envío.

Gracias

¿De que otra manera incentivas a tus lectores a comentar?