Con los nuevos comentarios anidados en Blogger todos los trucos para emoticones dejaron de funcionar y tras recibir varios pedidos entre ellos el de May para que hiciese unos emoticones que fueran compatibles con los comentarios anidados me decidí hacerlos y hoy se los presento.

A continuacion les muestro los emoticones incluidos.

Para agregar estos emoticones ve a la Edicion HTML de tu blog y con los artilugios expandidos pega ante de </body> lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/emoticonesblogger.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>

Ahora busca la siguiente linea:

 <div class='post-footer-line post-footer-line-3'/>

Y debajo de ella agrega lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='divspoiler'>
<img onclick='if (this.parentNode.nextSibling.childNodes[0].style.display != &apos;&apos;) { this.parentNode.nextSibling.childNodes[0].style.display = &apos;&apos;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &apos;none&apos;;}' src='http://3.bp.blogspot.com/-NVnnuH5VK6M/T1OKnwBNp5I/AAAAAAAAAz8/UDsvHVEj7Yw/s1600/Sin+t%C3%ADtulo-1.png'/>
</div><div><div class='spoiler' style='display: none;'>
<div class='comment-content' id='bc_0_1MC'>
<img src='http://static.mobile9.com/bbcode/smileys/smile.gif'/> :) <img src='http://static.mobile9.com/bbcode/smileys/tongue.gif'/> X( <img src='http://static.mobile9.com/bbcode/smileys/wink.gif'/> :cool: <img src='http://static.mobile9.com/bbcode/smileys/laugh.gif'/> :cry: <img src='http://static.mobile9.com/bbcode/smileys/frown.gif'/>  :blaf: <img src='http://static.mobile9.com/bbcode/smileys/thumbup.gif'/> :winky: <img src='http://static.mobile9.com/bbcode/smileys/blush.gif'/> :noo: <img src='http://static.mobile9.com/bbcode/smileys/byebye.gif'/> :twisted: <img src='http://static.mobile9.com/bbcode/smileys/clapping.gif'/>:D <img src='http://static.mobile9.com/bbcode/smileys/wow.gif'/> :oops: <img src='http://static.mobile9.com/bbcode/smileys/help.gif'/> :? <img src='http://static.mobile9.com/bbcode/smileys/devil.gif'/> :F
<img src='http://static.mobile9.com/bbcode/smileys/wub.gif'/> :alaba: <img src='http://static.mobile9.com/bbcode/smileys/cry.gif'/>:lpmqtp: <img src='http://static.mobile9.com/bbcode/smileys/thumbdown.gif'/> :idiot:</div></div></div></b:if>

Por ultimo guardas los cambios,con el ultimo paso estamos agregando los codigos para que las personas sepan que codigo pertenece a que emoticon.Puedes ver los emoticones funcionando en el siguiente blog.

Categorías: Comentarios

72 comentarios

Jairo · febrero 26, 2012 a las 7:26 pm

Excelentes emoticones y mejores todavia los nuevos emoticones que pusistes en tu blog 😎

    Juvinao · febrero 26, 2012 a las 7:31 pm

    Me alegra mucho que te gustaran los emoticones y mas aun que te gustaran los que puse en mi blog 😈

Jesús González · febrero 27, 2012 a las 8:37 am

Hola Juvinao,
Soy Jesús de iniciaBlog.com gracias por tu comentario y solo quería dejarte un enlace para que leas mi respuesta.

Enhorabuena por este fantástico sitio!
Mucha suerte
http://goo.gl/w6b3X

    Juvinao · febrero 27, 2012 a las 7:08 pm

    Jesús González mucha suerte con tu sitio de verdad te felicito.

AZ6 =^_^= · febrero 28, 2012 a las 12:31 am

Hi Juviano,están súper guachis estos emoticones *_* Me encantan!

Por cierto, tengo un problema con otros emoticones que ya hiciste, me refiero a los de esta entrada http://www.miltrucosblogger.info/2011/03/agrega-emoticones-tu-blog.html no sé por qué pero cuando los escribo en un comentario no me salen… Sí me salen todos dispuestos en fila justo debajo de «Nº comentarios» pero al escribirlos para comentar no me salen en el mensaje T.T ¿qué puedo hacer para solucionarlo? Y para cambiarlos por estos, ¿qué tengo que borrar los códigos de los otros y colocar estos códigos de aquí?
Gracias por adelantado 😀

    Juvinao · febrero 28, 2012 a las 1:37 pm

    AZ6 =^_^= aquellos emoticones no funcionan con los comentarios anidados porque el script no es compatible con dichos comentarios por eso he creado los emoticones que ves en esta entrada :man:

Cesar Benites · marzo 2, 2012 a las 9:26 pm

HOLA JUVINAO ! GENIAL TUS EMOTICONS… PERO TENGO UN PROBLEMA… LOS EMOTICONS SALEN EN VERTICAL… HAY ALGUNA FORMA PARA QUE SALGAN EN HORIZONTAL??

Cesar Benites · marzo 2, 2012 a las 9:33 pm

http://tu-autoayuda.blogspot.com MÍRALO PORFA! TE LO AGRADECERÍA

Cesar Benites · marzo 4, 2012 a las 5:28 pm

SIII!!! GENIAL JUVINAO YA ME FUNCIONA! GRACIAS POR TODO 😉

    Juvinao · marzo 5, 2012 a las 2:41 pm

    Cesar Benites gracias a ti por visitarnos y me da gusto que hayas solucionado el problema con el nuevo codigo que puse,Saludos. 😛

jim 011 · marzo 12, 2012 a las 8:31 pm

Hola juviano es jim 011,
ya he comentado antes… queria preguntar. ¿que hay que hacer para que los emoticones y eso, aparezca despues de los comentarios es decir cerca de la caja de comentarios, es decir en la parte de abajo

??????

Necesito una respuesta rápida, please help meeeeeeee!

    Juvinao · marzo 12, 2012 a las 8:58 pm

    Osea lo que quieres es que la seccion donde aparece el emoticon con el codigo aparezca en la caja de comentarios,esto es posible si tienes habilitado los comentarios antiguos de Blogger pero si ya usas los nuevos comentarios anidados no es posible ya que no interpreta el HTML clasico.

    Busca el siguiente codigo:

    <b:if cond=’data:post.embedCommentForm’>
    <b:if cond=’data:post.allowNewComments’>

    Entre esos dos codigos pega el ultimo codigo que aparece en la entrada.

    jim 011 · marzo 12, 2012 a las 10:37 pm

    😀 Gracias y perdón por taaaantas molestias… :]

    Juvinao · marzo 13, 2012 a las 3:29 pm

    jim 011 no re preocupes amigo,para ayudar estamos.

jim 011 · marzo 12, 2012 a las 8:33 pm

:buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa:

Espero no molestar….

v :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: necesito ayuda!!!!

jim 011 · marzo 12, 2012 a las 8:35 pm

:buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: :buaa: estaré visitandote, esperondo una respuesta!

Tiredandboring · marzo 20, 2012 a las 1:00 pm

Muy bueno, muchísimas gracias, ya lo tengo implementado y funciona al pelo, pero creo que es posible que haya una pequeña errata con el emoticono del diablillo, porque en la plantilla tienes puesto que funciona con el código :f cuando en realidad es con la F mayúscula :F

aquí:
src=’http://static.mobile9.com/bbcode/smileys/devil.gif’/> :f

debe ser:
src=’http://static.mobile9.com/bbcode/smileys/devil.gif’/> :F

Al menos así es como me ha funcionado a mi.

    Juvinao · marzo 20, 2012 a las 3:16 pm

    Si ya vi el error,ahora mismo lo corrijo gracias por avisar.

Tiredandboring · marzo 20, 2012 a las 1:03 pm

Bueno, como en este blog tienes implementada otra plantilla de emoticonos no sale el diablillo sino el bicho ese haciendo burlas pero espero que se haya entendido.

gavetita2 · marzo 24, 2012 a las 2:22 pm

hola
gracias por la ayuda
tengo la mayoría de los emoticonos que has puesto en esta entrada y los tengo subidos a mi cuenta imageshack
la pregunta es: basta con cambiar tu url por la mía para cada emoticono?
si sigo tus instrucciones, encima de la caja de comentarios me quedará la imágen de cada emoticono con su signo correspondiente?

gracias

de momento tengo el blog con feed «ninguno» porque no sabía ni cómo resolver la mayor parte de cambios que ha introducido sin avisar y con el feed ninguno me han dejado de funcionar varios gadgets, es hora de resolver

gracis de nuevo

    Juvinao · marzo 24, 2012 a las 2:48 pm

    Para que tengas todas las imagenes en tu cuenta tienes que editar el script tambien.

    Y en cuanto a que si la imagen queda encima de las cajas de comentarios claro que si.

    Si necesitas mas info te dejo un tuto que acabo de hacer donde explico como agregar tus propios emoticones.

    http://www.miltrucosblogger.info/2012/03/agrega-tus-propios-emoticones-tu-blog.html

    gavetita · marzo 24, 2012 a las 5:45 pm

    sí en el sript también claro
    mil gracias
    de verdad que hay muchos tutoriales, el tuyo e primero que leo que no me suena a chino
    voy a probralo en el blog de pruebas, en serio, gracias
    ya te contaré y te marearé un poco seguro, lo siento de antemano, ojalá salga a la primera

    saludos

    Juvinao · marzo 24, 2012 a las 6:37 pm

    No te preocupes amigo para ayudar estamos,si tienes otra duda no olvides comentar.

    Saludos 🙂

gavetita · marzo 24, 2012 a las 6:48 pm

primera duda, ay!
el script lo tienes alojado
si sustituyo
src=’http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/emoticonesblogger.js’ type=’text/javascript’/>

por el propio script modificando los enlaces de tus imagenes por las mías, esto vale?
soy un zote, lo sé, sorry!

gavetita · marzo 24, 2012 a las 6:52 pm

y otra pregunta:
esta imagen la puedo eliminar sin problema, no?
src=’http://3.bp.blogspot.com/-NVnnuH5VK6M/T1OKnwBNp5I/AAAAAAAAAz8/UDsvHVEj7Yw/s1600/Sin+t%C3%ADtulo-1.png’/>

gavetita · marzo 24, 2012 a las 6:57 pm

sí, sí tu riete….que ya verás la que te ha caído…

gavetita · marzo 24, 2012 a las 8:02 pm

vale funcionar funciona
el problema es que en mi blog, te pongo una entrada cualquiera:
http://knittingandcrocheting-club.blogspot.com.es/2012/03/una-mujer-para-dos-design-for-living.html?showComment=1332617281435#c5828869982297971340

como verás encima de la caja de comentarios, tengo todos los emoticonos con su símbolo correspondiente (me los inventé como verás), así la gente los ve y solo tiene que copiar y pegar o copiarlos sin más

he probado tu código y funciona porque me sé muchos de los códigos y se ven, pero no aprece una imagen de ellos tal y como te comento

gracias

    Juvinao · marzo 25, 2012 a las 3:16 pm

    Claro esa imagen la puedes eliminar solo la puse como referencia 😉

gavetita · marzo 24, 2012 a las 8:06 pm

vale, soy tonta he hecho clic y se ven jaja
la primera pregunta sí me interesa para modificar el script con mis imágenes
puedo colocarlo en la plantilla?
guardo el tuyo, lo cambio y lo subo a algun alojador y cambio sin más la dirección?
gracias

perdooooooon

    Juvinao · marzo 25, 2012 a las 3:15 pm

    Exactamemte modificas el script que en este caso quieres modificar las URLS de las imagenes y luego lo guardas y lo subes a tu servidor y cambias mi URL por la tuya y guardas los cambios.

samuel Bora · abril 13, 2012 a las 9:54 pm

muy buen blog me ayudo bastante saludos!!!

    Juvinao · abril 14, 2012 a las 3:52 pm

    Gracias amigo por comentar y me da mucho gusto que te haya ayudado.

mkal · mayo 8, 2012 a las 1:13 am

Gracias por comparti amigo…te segui desde otro blog que pedias los creditos…ya te los dieron!! y bueno aunque a muchos se les olvida siempre poner la fuente ¡compartir e lo importante!

Gracias de nuevo! me llevo varias cosas para los comentarios !

mkal · mayo 8, 2012 a las 2:58 am

Gracias tuve que venir a corregirlos aca!! ya que lo vi en otro blog pero no habian actualizado .. gracias!

    Juvinao · mayo 8, 2012 a las 5:05 pm

    Si amigo hace dias lo actualize y bueno yo no pongo problemas porque compartan mis entradas pero si que pongan un enlace a mi sitio es todo lo que pido.

    Gracias por comentar.

Raquel91011 · mayo 29, 2012 a las 5:38 pm

X*

ComputeR-0wneZ · junio 24, 2012 a las 9:50 pm

amigo tengo un problema con esto lo que pasa es que tengo el plugin de fb y creo que por eso no me deje abrir las emociones en mi blog quisiera saber como puedo quitar la caja de comentario de fb para que se vean las caritas espero repsuesta gracias

    Juvinao · junio 24, 2012 a las 10:24 pm

    Pues mira la verdad no se como los agregastes pero lo mas seguro es que sigas el mismo tutorial con el que te guiastes pero esta vez revirtiendo los pasos :zombie:

EldanY dalmaden · agosto 12, 2012 a las 5:50 pm

HOla a todos, estoy perdidísimo.
Me gustaría añadir más emoticonos a la lista pero veo que hay que cambiar la url del script?
Tengo dropbox pero no sé exactamente el proceso que hay que hacer.
Luego sería buscar emoticonos y coger su url de dropbox para agregarlos al script ese.
Si me lo puede explicar alguien para torpes, lo agradecería. Saludos y buen artículo.

    Juvinao · agosto 14, 2012 a las 9:27 pm

    EldanY yo hice un tutorial hace unos meses de como agregar emoticones,te dejo la URL

    http://www.miltrucosblogger.info/2012/03/agrega-tus-propios-emoticones-tu-blog.html

    EldanY dalmaden · agosto 15, 2012 a las 7:46 am

    Gracias por responder Juvinao, lo hice tal como viene, metí iconos en dropbox y cogí sus URLs , también modifiqué el script con dichos iconos y lo metí en dropbox.
    Cogí la Url para ponerla en el script pequeño.

    Me salen las imágenes de los iconos en los comentarios pero no actúa con los comandos, solo se ve el símbolo si escribo algo.

    ¿Tendrá que ver que no modifiqué el comando que viene en el script y solo la url del icono? No creo pero es que ya no sé por dónde tirar.

    Saludos.

xd · septiembre 14, 2012 a las 4:06 am

😀

Skorpio Gomez · octubre 19, 2012 a las 5:41 pm

GRACIASSSS 😀

maura borda · octubre 30, 2012 a las 1:31 pm

:crying:

Cronos_2012 · diciembre 28, 2012 a las 3:08 am

una pregunta pongo mas emotion pero me desactiva los demas sera por el peso sera por que son mas grandes que las otras

Toxico SM · enero 17, 2013 a las 11:00 pm

se pueden cambiar los emoticones por lo de taringa?

Anonymous · febrero 5, 2013 a las 12:24 am

Juvi95 estas inactivo en Taringa, Soy vivavalve, si podes date una vuelta por favor, Saludos!

Edwar Palacios · febrero 5, 2013 a las 4:56 am

🙂

Helena Botella · mayo 8, 2013 a las 9:00 am

¡Hola!
Implementé estos comentarios hace tiempo en mi blog (www.mimaletayyo.com) e iban perfectamente, pero no sé qué cambio he hecho en la plantilla que ha dejado de funcionar lo de mostrar los emoticonos en el pie del post. Al pinchar en la imagen ya no se despliega… ¿Te importaría echarle un vistazo a ver si sacas qué le ocurre?
Muchas gracias y un saludo 😉

Leslie Mishigan · junio 4, 2013 a las 9:19 pm

Disculpa? los emoticons también se muestran en las entradas o solo se ven en los comentarios? gracias

Madafaka WebGon · junio 7, 2013 a las 3:21 am

Muchas gracias y :buenpost te quedó de lujo el script, muy facil y sencillo de instalar y hasta le agregué mas emoticones 🙂

leviomat · julio 29, 2013 a las 11:38 pm

Hola Juvinao.
Veo que has crecido mucho desde la ultima vez que te visité.
A propósito, muy buena entrada he (Y)

leviomat · julio 30, 2013 a las 2:57 am

Tengo una duda.
¿Existe la posibilidad de poner horizontalmente los iconos?

    Hayder Juvinao · julio 30, 2013 a las 8:53 pm

    Leviomat llevabas un buen tiempo perdido, claro que se puede poner horizontalmente, dame un correo y te envio el código.

    Saludos

Aurora Tallon A comer y a callar · junio 7, 2014 a las 6:33 pm

Muchísimas gracias!!!! Despues de muchos intentos fallidos con otros tutoriales por fín he podido poner los emoticonos con tu tutorial, Tengo una pregunta que hacerte, se podrían ver de alguna manera todos con su simbolo en la caja de comentarios? Gracias de nuevo y esperare tu respuesta, saludos

Localiza Recursos Sociales · agosto 2, 2014 a las 8:43 pm

Hola es estupendo pero como añado la ‘post-footer-line post-footer-line-3’/,tengo la 1 y la 2.la 3 no la tengo y no puedo implementar el código
Gracias

Manuel DS · enero 6, 2015 a las 6:28 pm

Excelente… Gracias por tus aportaciones. :-bd

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *