Emoticones en los posts

Agregar emoticones para usar en los posts de Blogger es cosa fácil si usamos Firefox y la extensión Greasemonkey ya que hay varios scripts disponibles aunque casi todos se basan en uno realizado por Wolverine y que podemos descargar desde userscript.org.

Una vez que lo instalamos, en caso de verse un borde alrededor de cada uno, vamos a la plantilla y agregamos lo siguiente, justo antes de la etiqueta </b:skin>:

img.emoticon {padding: 0; margin: 0; border: 0;}

Como todo script, podemos editarlo para modificarlo. En este caso, lo interesante es que podemos agregar nuestras propias imágenes o quitar las que no nos gusten. Esto lo podemos hacer directamente desde Greasemonkey, seleccionando el script y haciendo click en el botón Editar pero, es mejor que, en lugar de instalarlo, descarguemos el archivo en nuestra PC para trabajar con tranquilidad.

Lo abrimos con cualquier editor de textos, por ejemplo, con el Block de Notas. Allí, veremos una serie de instrucciones con este formato:

buttons += emoticonButton("nombre", "http://direccionURL/..../imagen.gif");

Donde, nombre es el que nosotros queramos y la dirección URL corresponde a la imagen. Basta eliminar las que no nos interesen y/o agregar las nuestras.

Por defecto, el tamaño de los emoticones es de 15x15 pero, si queremos, podemos utilizar otro (siempre que todas las imágenes sean iguales), para esto, casi al final del script encontraremos esto:

src=\\\""+url+"\\\" width=\\\"15\\\" height=\\\"15\\\" alt=\\\""

y cambiamos esos dos valores por los nuestros.

Una vez que terminamos los cambios, guardamos el archivo (como texto plano sin formato) y lo abrimos desde Firefox (CTRL+O). Inmediatamente, Greasemonkey nos preguntará si queremos instalar el script.

Ahora, veremos que en los posts aparecerá una segunda línea de botones con las imágenes aunque sólo serán accesibles en el Modo Redactar. Lamentablemente, la imagen siempre se añadirá al final del texto y no en la posición del cursor.