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

112 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 08:33  

:) probando XD

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

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

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

:D

MariePi dijo...
6 de noviembre de 2008 06: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 03:38  

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

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

.)

Birdelo dijo...
13 de diciembre de 2008 02: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 03: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 05:36  

No me funcionan jeje :D

Anónimo dijo...
26 de diciembre de 2008 04: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 02: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 06:04  

|O

Bayron dijo...
14 de enero de 2009 05: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 05: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 07:30  

:)

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

Y el emoticon? :o

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

:roll:

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

:O

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

:)

Mauricio Valerio dijo...
11 de febrero de 2009 07: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 06:45  

:)

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

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

kai dijo...
8 de marzo de 2009 05: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 02:26  

:O

Raúl dijo...
14 de marzo de 2009 03: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 04:51  

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

gracias!

RaveRabbitess dijo...
23 de marzo de 2009 06: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 02:51  

:P

Lolo dijo...
5 de abril de 2009 03: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 09: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 01:10  

Me funciono!! ;)

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

:)probare que tal

Quema Goma dijo...
21 de junio de 2009 09: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 04: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 06: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  

:)

Anónimo dijo...
7 de julio de 2009 08:05  

Si me darias el codigo correcto seria genial no ademas de adicionar unlink poner tus anuncios de smowtion...

?

kyorio99 dijo...
13 de julio de 2009 00:07  

oye bayron muchas gracias
:) me ayudaste mucho con la búsqueda del firefox
no la conocía la utilizaré mucho para modificar
los códigos de mi blog
;)

Celebritie$Everyday Blog dijo...
21 de julio de 2009 02:48  

:) es cn expanir artilugios no?

555aron dijo...
29 de julio de 2009 04:34  

HOLA tengo un problema lo q pasa es q pongo eso y todo sale bn
pero cuando entro para coemntar me salen asi
:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\
solo las puras caras pero dobles

Chaantii dijo...
5 de agosto de 2009 00:41  

El primer paso lo puedo hacer, pero no encuentro eso del iframe para añadir el codigo :S

Anónimo dijo...
7 de agosto de 2009 18:01  

:$

Ascesino96 dijo...
10 de agosto de 2009 21:06  

:)

DjLoCo dijo...
17 de agosto de 2009 21:19  

:p

DjLoCo dijo...
17 de agosto de 2009 21:20  

como funciona esto no sale el emoticon podeis esplicar porque los tengo asi como el tuyo pero solo se ve si le das click o escribre :) no sale nada

Link dijo...
27 de agosto de 2009 14:46  

:)

Anónimo dijo...
1 de septiembre de 2009 04:19  

Hola! soy Gaston. Queria consultarte como puedo hacer para poner comentarios como los que figuran aca. Desde ya muchas gracias... no doy con ningun dato para hacerlo. Saludos

Yseber9 dijo...
3 de septiembre de 2009 08:57  

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

Yseber9 dijo...
3 de septiembre de 2009 09:23  

creo que el segundo emoticon esta mal el acarcter seria asi ;( y el ultimo seria :\ y en tu codigo esta mal |O y lo unico que no logreo es poner los caracteres sin que se muestre el icono en su lugar

uziel dijo...
5 de septiembre de 2009 19:51  

:)

Anónimo dijo...
22 de septiembre de 2009 08:52  

ando buscando unas bases decoradas para ponerle encima comentarios para mi pagina....nadie me kiere decir de donte tomarlos....y como puedo poner corazones al escribir en mi compu un texto. plis

Anónimo dijo...
25 de septiembre de 2009 15:38  

:)

Anónimo dijo...
25 de septiembre de 2009 22:57  

es una prueba
:) :( :p :d

Anónimo dijo...
25 de septiembre de 2009 22:59  

:P :D :O :-X

DIDE dijo...
26 de septiembre de 2009 18:22  

JODER COMO DISEÑO ESTO

Marener dijo...
29 de septiembre de 2009 08:52  

saludos javi, m pasa lo mismo, que para anadir el segundo codigo ni idea, no lo encuentro, yo uso el blog, la plantilla trnasparente, me odueiras ayudar?
de ante mano te doy las gracias porque ser de ayuda a otros no siempre se encuentra.
ah, y si yo deseo poner otros emoticos, por ejemplo, como tendrìa que hacer?
besos

Anónimo dijo...
2 de octubre de 2009 20:44  

jejeje yo adoro hacerlo en http://www.tuslittlestpetshop.com
tuslittlestpetshop.com :) :´( :( :P :$ ;) :-I :-X :o :O |O :\

Richard dijo...
29 de octubre de 2009 08:55  

Hola aplique tu script se muestra el recuadro de comentarios como el tuyo sin embargo al poner el codigo para el emoticon no cambia solo se muestra los dos puntos y los parentesis alguna manera de solucionarlo ni plantilla es esta Dark Site

Anónimo dijo...
29 de octubre de 2009 16:40  

:) es super bacano

ALvaRiTo dijo...
31 de octubre de 2009 04:24  

:)

Anónimo dijo...
9 de noviembre de 2009 17:38  

:)

FakeDark dijo...
15 de noviembre de 2009 22:51  

:\

Anónimo dijo...
19 de noviembre de 2009 05:04  

:o probando

Anónimo dijo...
19 de noviembre de 2009 05:50  

estan padres, a mi tambien me salian dobles arriba de comentarios... lo sulucione poniendo este signo --> ' para separar, por ejemplo: :) sera asi :') y ya no aparecen emoticonos dobles. :o

Anónimo dijo...
19 de noviembre de 2009 11:01  

:o :D

GinSaikyo dijo...
24 de noviembre de 2009 21:54  

No esta en mi codigo html lo de iframe
:'( waaaaaaaaaaaa U_u......

Ni modo buscare otra alternativa U_U


Saludos

LGzx dijo...
27 de noviembre de 2009 07:58  

APARECEN ICONOS DOBLES :O

Lobito-Sharingan dijo...
3 de diciembre de 2009 00:47  

Bueno es sencillo lo q mi amigo puso en el tema funciona perfectamente y hay muchos q insultan sin sikiera saber un poco de codigo html mi consejo seria q aprendieran algo de codigo html. para los q tienen el problema de encontrar la etiketa < iframe allowtransparency = ' true ' el problema se soluciona simplemente dando en expandir plantilla de artilugios luego dan ctrl + f buscan pegan el codigo y listo :D para los q kieran ver q si funciona y kieran aprender mas de codigo html entren a kiuby-maniacs.blogspot.com bye ;)

HackxXx dijo...
3 de diciembre de 2009 20:37  

:)

Kenosis dijo...
3 de diciembre de 2009 22:38  

Hola!! Primero que nada agradezco por la info que suelen postear. Comento que realicé lo que indica este tutorial y funciona, cuando escribo un comentario, me aparece el emoticón, pero lo que no me aparece es el cuadro de arriba con los emoticones y los caracteres que representan a cada uno. En lugar de eso solo me aparece la leyenda "Publicar un comentario"... ¿hay algo que esté haciendo mal?

Gracias!

Anónimo dijo...
8 de diciembre de 2009 21:18  

Hijo de la pua me echate a perderlos comentarios

naruto dijo...
11 de diciembre de 2009 23:18  
El autor ha eliminado esta entrada.
naruto dijo...
11 de diciembre de 2009 23:19  

:P

Susan dijo...
13 de enero de 2010 12:19  

The good thing about your information is that it is explicit enough for students to grasp. Thanks for your efforts in spreading academic knowledge.
qualitative dissertation

Susan dijo...
14 de enero de 2010 05:44  

Wow Impressive!
Your blog is very informative. However, it is pretty hard task but your post and experience serve and teach me how to handle and make it more simple and manageable.
Thanks for the tips… Best regards.
dissertation

Susan dijo...
14 de enero de 2010 07:23  

Wonderful article,thanks for putting this together! "This is obviously one great post. Thanks for the valuable information and insights you have so provided here. Keep it up!"
writing a dissertation

FARMACIA UCM ... dijo...
24 de enero de 2010 20:19  

:)

**[a]-[s]-[o]-[k]** dijo...
7 de febrero de 2010 00:59  

pazen por mi blog !!
La Mejor Muzika para zkuxar y dezkargar... !! Akii en http://muzik-style.blogspot.com/ Xekeenloo !! y vernaz !! lo mejor Aktualizadoo... !!!:P:P:P

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