Como poner emoticonos en comentarios de blogger






Aquí les traigo un script que permite introducir emoticonos en los comentarios de blogger. Antes de nada quiero comentaros que para que el script funcione correctamente, deberemos tener los comentarios incrustados en el post.

¿Cómo funciona?

Se trata de un script que recibe todo el texto de nuestro comentario, busca una serie de caracteres y lo sustituye por la imágen que está asignada. También añadiremos una leyenda en la parte superior justo antes de la caja donde escribiremos el comentario, para que nuestros visitantes sepan en todo momento coo poner el emoticon que deseen.

¿Cómo añadirlo en nuestro blog?

Lo primero que debemos hacer es añadir justo antes de la etiqueta </body> el siguiente código:


<b:if cond='data:blog.pageType == "item"'>
<script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>



De está manera hemos añadimos el script que sustituira los caracteres por emoticonos. El siguiente paso será colocar la leyenda, para ello buscamos la etiqueta <iframe allowtransparency='true' y justo encima pegamos el siguiente código html:


<table width='400px'>
<tr>
<td colspan='10'>Emoticonos en blogger</td>
<td colspan='3'><a href='http://ayudaparamiweb.com'><img src='http://agudovk.googlepages.com/ayudaweb.png' style='border:0;'/></a></td>
</tr>
<tr>
<td><img src='http://agudovk.googlepages.com/com-smile.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-cry.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sad.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-tongue.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-lol.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-oops.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-blink.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-neutral.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-secreto.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sorpresa1.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sorpresa2.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-mad.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-confuso.gif'/></td>
</tr>
<tr>
<td>:)</td>
<td>:'(</td>
<td>:(</td>
<td>:P</td>
<td>:D</td>
<td>:$</td>
<td>;)</td>
<td>:-I</td>
<td>:-X</td>
<td>:o</td>
<td>:O</td>
<td>O</td>
<td>:/</td>
</tr>
</table>



Pues ya está, a partir de ahora vuestros comentarios disfrutarán de graciosos emoticonos que animarán un poco más vuestro blog.

¿No te funcionan los cambios?
¿Deseas añadir algo nuevo y no sabes como?
Nosotros lo hacemos por ti

70 comentarios:

Anónimo dijo...
31 de agosto de 2008 11:19  

:/

Javi dijo...

He tenido unos problemas en el hosting de imágenes :'(, cambio el código que hay que insertas ok?

Javi dijo...

Ya esta el codigo arreglado para que funcione

bugo dijo...
5 de septiembre de 2008 21:08  

:)

Categoria 2000 dijo...
23 de septiembre de 2008 20:45  

HOLA AGREGUE EL CODIGO PERO ME DA ERROR :O

Categoria 2000 dijo...
23 de septiembre de 2008 20:50  

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "iframe" must be followed by either attribute specifications, ">" or "/>".

kase dijo...
28 de septiembre de 2008 8:33  

:) probando XD

Oloman dijo...
10 de octubre de 2008 0:08  

:) :'( :( :p :D :$ ;) ;-I :-X :o :O |O :\

Heru! dijo...
19 de octubre de 2008 8:30  

:D

MariePi dijo...
6 de noviembre de 2008 6:24  

Hola. Gracias por el aporte.. Pero :$ me puedes decir por qué cuando le añado el código, ya no puedo acceder a los videos que tengo en la página? :\ :-I
Gracias!

Javi dijo...

No se es muy raro lo que me comentas. Probablemente hayas colocado alguna parte del código donde no debías o algo similar. Simplemente el código es html y javaScript por lo que no te tendría que pasar nada en el resto de tu blog

Anónimo dijo...
19 de noviembre de 2008 19:42  

no pude colocarlo xD
se me borraba esta para poner los comentarios xD

Charlie Weasley dijo...
27 de noviembre de 2008 3:38  

oye ayuda no encuentro la etiqueta del iframe ¿donde esta? :O

Anónimo dijo...
8 de diciembre de 2008 4:27  

.)

Birdelo dijo...
13 de diciembre de 2008 2:37  

Hola amigo/a.

Me ha quedado excelente. Muchas gracias por las explicaciones, son unos genios!!!.

Saludines!!!. :D

TRECARUNGA dijo...
15 de diciembre de 2008 3:49  
El autor ha eliminado esta entrada.
TRECARUNGA dijo...
15 de diciembre de 2008 16:58  

no tengo el codigo iframe allowtransparency='true'en mi blog que hago?

TRECARUNGA dijo...
15 de diciembre de 2008 17:22  
El autor ha eliminado esta entrada.
Mauricio dijo...
22 de diciembre de 2008 5:36  

No me funcionan jeje :D

Anónimo dijo...
26 de diciembre de 2008 4:07  

ESTA CAGADA NO ANDA ES UNA MIERDA :(

Javi dijo...

no anda porque no tendras ni idea de hacerlo, pero vamos decir que es una mierda algo que tu no tienes ni idea de como empezar y que no te sale ni explicandoelo...

Anónimo dijo...
31 de diciembre de 2008 2:24  

:o

Anónimo dijo...
31 de diciembre de 2008 13:29  

Hola Javi,

Añadí los emoticonos de greasemonkey para ponerlos en mis entradas. Pero también quería añadirlo a los comentarios...


Los que tu tienes puesto aquí son los mismos que vienen en Greasemonkey, pero yo los he editado y ahora se ven otros.

Me puedes decir como tengo que hacer para cambiar estos emos :) :( por los que yo había elegido para mis entradas (es por tener los mismos en ambos sitios)...


:$

loco dijo...
8 de enero de 2009 6:04  

|O

Bayron dijo...
14 de enero de 2009 5:33  

Hola Javi , como siempre tus consejos son de lo mejor , y bueno segui la explicacion letra por letra y ya pegue el primer codigo , pero el segundo nomas no lo encuetro, y ya lo buske con el "Ctrl+F" que tiene firefox y no lo encuentra , porfavor javi , agradeceria mucho que me digas que pudiera hacer :D

Deaking dijo...
14 de enero de 2009 16:08  

:):):):)

Anónimo dijo...
14 de enero de 2009 16:09  

ok

Anónimo dijo...
14 de enero de 2009 16:10  

bueno

Anónimo dijo...
14 de enero de 2009 16:16  

posteo seguro

Eliban Meyer dijo...
20 de enero de 2009 5:14  

Porbando :$

Anónimo dijo...
28 de enero de 2009 18:21  

:) :o :/

Anónimo dijo...
28 de enero de 2009 18:22  

:$

Anónimo dijo...
8 de febrero de 2009 7:30  

:)

Pucho dijo...
8 de febrero de 2009 7:30  

Y el emoticon? :o

Chitauri dijo...
9 de febrero de 2009 1:47  

:roll:

Chitauri dijo...
9 de febrero de 2009 1:47  

:O

Anónimo dijo...
9 de febrero de 2009 8:02  

:)

Mauricio Valerio dijo...
11 de febrero de 2009 7:00  

:D

Anónimo dijo...
11 de febrero de 2009 17:32  

:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

alberth dijo...
20 de febrero de 2009 6:45  

:)

Anónimo dijo...
6 de marzo de 2009 3:30  

:) genial!! desafortunadamente no me ha funcionado :(

kai dijo...
8 de marzo de 2009 5:54  

nesesito alluda urgente T^T coloque esto y alintalarlo q pasa este abajo de las caritas aparese este codigo class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/> y no sale el cuadro donde se escribe
si me alludas te lo agradeseria mucho empse resien con el blog y me acostado mucho aser la planilla para hecharla aperder T^T por alluda aki dejo mi mail por q en el blog no se puede comentar u.u ni:ko:las:152@hotmail.com

Anónimo dijo...
9 de marzo de 2009 23:43  

:O

Raúl dijo...
14 de marzo de 2009 2:26  

:O

Raúl dijo...
14 de marzo de 2009 3:46  

no funciona bien este codigo por q cuando le pongo desapaece el cuadro para poner el comentario y en su lugar aparece el cuadro de seguidores

▐ ΜigueŁ jίмenΣz▐™♥ dijo...
20 de marzo de 2009 4:51  

muy bueno, hace tanto que lo buscaba...y solo scrips que no sirven.

gracias!

RaveRabbitess dijo...
23 de marzo de 2009 6:55  

:\ :/ se me hace agua la cola

Daniel (Webmaster del epilogo) dijo...
31 de marzo de 2009 23:35  
El autor ha eliminado esta entrada.
Daniel (Webmaster del epilogo) dijo...
31 de marzo de 2009 23:35  

:)

Su dijo...
3 de abril de 2009 2:51  

:P

Lolo dijo...
5 de abril de 2009 3:24  

Hola estube intentado ponerlo, pero en donde escribes los comentarios me aparece publicidad ¿? que me recomiendas :(

yahop dijo...
9 de abril de 2009 21:59  

:)

Manuelito dijo...
21 de mayo de 2009 9:42  

:P

Christian dijo...
23 de mayo de 2009 19:33  

:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

Probando los emoticones

Anónimo dijo...
23 de mayo de 2009 19:40  

;\

Everth21 xD!! dijo...
4 de junio de 2009 18:18  

muchas gracias, estaba buscando este truco para mi blog, www.zonazoft.com, GRacias!!

Anónimo dijo...
8 de junio de 2009 21:06  

buena página...!!!

SandeeA dijo...
9 de junio de 2009 14:47  

Gracias, lo he puesto en mi blog! La receta de la felicidad aunque tengo dos ordenadores en casa, en uno los veo, y en otro no... qué puede ser? Gracias!

Anónimo dijo...
12 de junio de 2009 1:10  

Me funciono!! ;)

Anónimo dijo...
20 de junio de 2009 0:44  

:)probare que tal

Quema Goma dijo...
21 de junio de 2009 9:21  

TUBE PROBLEMA CUANDO LO PUSE NO ME SALIAN LOS COMENTARIOS NI LA CAJA COMENTARIOS SOLO LOS ICONOS ARRIBA

Javi dijo...

k hablas xabier??? publicidad gratis kieres??? lo siento no lo aceptamos

Skazi.mex dijo...
26 de junio de 2009 18:16  

:):) Exelnete de mucha ayuda gracias!!!

Javi dijo...

Ya esta xavier, disculpa las molestias, un saludo

Xabier Eguzki dijo...
26 de junio de 2009 22:57  

Buenas noches.

Gracias a ti, Javi y ya sabes lo que hemos comentado, tienes mi telf. y apunto el tuyo, hablaremos ;)

Un cordial saludo para ti y para todos los usuarios de tu sitio.

Xabier

FEBO dijo...
28 de junio de 2009 4:15  

disculpa la molestia pero en el codigo html de mi blog no aparece
[iframe allowtransparency]
no se si me pudieras ayudar a resolver mi problema, o no se puede colocar en mi blog
por tu repuesta desde ya gracias :D

andres-vb dijo...
28 de junio de 2009 20:25  
El autor ha eliminado esta entrada.
andres-vb dijo...
28 de junio de 2009 20:48  

Hola disculpa, tengo un blog con la funcion LEER MAS y he leido por ahi que los emoticones no funcionan en un blog de estas caracteristicas. Me ¿podrias aclarar esta duda? Gracias

cargohe dijo...
29 de junio de 2009 6:49  

Hola tengo un problema agrego la tabla pero no me aparecen las letras que correspondes a cada emoticon, si no que aparecen emoticones arriba y abajo, como hago una ayudita. Gracias

Nodsert dijo...
1 de julio de 2009 14:37  

:)

Cuéntanos que te ha parecido este artículo

Emoticonos en blogger
:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

Traductor

Suscríbete vía email

Introduce tu dirección de correo:

Suscríbete

Archivo del blog

Seguidores