JMiur [E]

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.



sonrisa risa risaanim confuso triste tristeanim sorpresa1 sorpresa2 enojo neutro burla complice verguenza verguenzaanim diablo1 diablo2 idea

31 comentarios:

Cristian  

Muchas gracias, voy a probar los emoticones a ver el resultado!

Responder
JMiur  

No creo que tengas problemas, la tengo instalada hace tiempo y, aunque no los uso mucho, no he tenido problemas, salvo esa molestia de no poder colocarlos en la posición del cursor.

Responder
Sodafans.com  

tambien existen los sitios con emoticones ya hosteados simplemente hay que copiar el codigo .

http://www.ez-smilies.com/

http://www.smileyville.net/

saludos

Responder
JMiur  

Gracias por la información, investigaré de que se tratan :)

Responder
Mr Prado  

¿Cómo instalo el script? Al darle a instalar desde la página sólo me sale el texto ... ¿dónde debo insertar dicho texto?

Perdón por la torpeza y gracias JMiur.

Responder
JMiur  

Mr Prado:
A la derecha de es página hay un botón Install the script siempre que tengas Greasemonkey instalado previamente.

Si no lo ve, este es el script:
http://userscripts.org/scripts/source/6769.user.js

Lo copias y lo pegas en el navegagor y Greasemonkey se encarga del resto.

Responder
Fernandooo1  

Se puede poner dicha barra en la parte de Edición de HTML (sólo que te aparece el código HTML del smiley y no la carita obviamente) si se cambia esta parte del código, que está al final:

setemoticons("formatbar");

Por setemoticons("htmlbar")- yo lo prefiero así.

Ahora, me tiene loco eso de que la imagen aparece al final y no después del cursor.

En el script aparece esto:

// TODO
// modify the script to insert the emoticon directly after the cursor

-_- Pero mi cabeza no da más... no sé cómo hacerlo. ¿Lo has intentado?

¡Saludos!

Responder
Fernandooo1  

*Olvida lo de ponerlo en el Editor HTML :$ No funciona ^^

Responder
JMiur  

La imagen sólo se ve en modo Redactar. En Modo HTML se ve el código..

La verdad, no he probado modificar nada :)

Responder
Sonico  

Excelente , ahora como logras transformar los simbolos en los comentarios para que tambien salgan los emoticones? ejemplo si pongo ":)" sin comillas salga esta cara :)

Gracias

Responder
JMiur  

No se si es ESTO lo que buscas hacer, Sonico.

Responder
kiko  

gracias :)

Responder
Sonico  

No , me referia en los comentarios , como este :D

Gracias

Responder
JMiur  

Entonces, es este otro :)

Responder
Josmarmay  

Creo que soy demasiado torpe con esto, vamos haber:
1.Copie esto:
img.emoticon {
padding: 0;
margin: 0;
border: 0;
}
2. Me descargue el archivo de grasemonkey y lo abrí en forma de blog de notas.
Me gustaria saber como se instala el script porque yo no lo sé, ¿hay que pegar eso del blog de notas por algun sitio o algo?

Gracias

Responder
JMiur  

El script se instala con Grasemonkey, deberías tener esa extensión en el navegador. En el blog no hay nada que agregar, la extensiòn agergará los botones en el editor.

Responder
VANKEY  

Hola desiculpa y como poner emoticones en los comentarios??

Responder
JMiur  

El script que utilizo es el que está explciado en este post

Responder
*°·.¸¸.° Heidy °·.¸¸.°*  

Instale el Grasemonkey, e instalé el script debidamente, pero a la hora de hacer un post, aunque lo haga en edicion html, no me salen los emoticons :( :S

Responder
R_u_B_e_N  

hola atodooss muy buen dia quiesieraa preguntarlee como se hacen emoticoness con fotoss qquisiera saberr por favorr diganmee desde ya muchas graciaas byee

Responder
La Dueña  

Se que soy medio anco, pero no me aparece en el MODO REDACTAR. Creo que hice todos los pasos, instale el Greasemonkey, baje el scrip, pegué lo de los bordes...y nada. ¿que puede pasar?

Quisiera que me aparecieran los emoticones en los comentarios, que post debo leer?

Saludos

Responder
JMiur  

Sobre el script de Greasemonkey nada puedo decir. Si se trata de emoticones en los comentarios, fíjate en esta entrada.

Responder
gerardo  

a vetr muchas gracias yo quiero instalar este script en mi pagina a ver si se ve :) :P

Responder
Pablo Ezequiel Jasinski  

:)

Responder
Minno  

fantastico! no sabes como me ayudo tu post muchisimas gracias de verdad <3 esta excelente! :D

Responder
airamandyer  

holaaa muchas gracias por esta ayuda!!
quisiera saber como hago para usando Greasemonkey se puedan utilizar los emoticonos en los comentarios por ejemplo de un blogger???

Responder
JMiur  

Se puede pero sólo los verás en tu navegador.

Responder
Drawer 4 Everyone  

Lo he instalado seis veces pero no se me ven los emoticonos...

No sabrás por qué? :((

Responder
JMiur  

No sé cuál es el blog.

Responder
jlmdron  

Yo veo tus emoticonos pero como hago para que se vean en este comentario
porque no soy capaz de poner la figurita. :)

Responder
JMiur  

Pués ahí está. No sé exactamente qué quieres hacer.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR