Mil Trucos Blogger

Emoticones para los Comentarios Anidados en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

72 Comentarios

  1. Jairo Jairo
    febrero 26, 2012    

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

    • febrero 26, 2012    

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

  2. febrero 27, 2012    

    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

    • febrero 27, 2012    

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

  3. febrero 28, 2012    

    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 😀

    • febrero 28, 2012    

      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:

  4. marzo 2, 2012    

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

  5. marzo 2, 2012    

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

    • marzo 3, 2012    

      Ya mire tu blog y es solo cuestion de modificar un poco el codigo,ahora estoy un poco ocupado pero apenas pueda modifico el codigo y te aviso,ok.

    • marzo 4, 2012    

      OKEY! ESTARÉ AL PENDIENTE DE TU RESPUESTA! 😉

    • marzo 4, 2012    

      Cesar Benites listo ya actualize el codigo del truco,aca te dejo la URL de un blog donde aplique el truco para que lo veas funcionando. :winky:

      http://blogwarezdescarga.blogspot.com/2012/02/game-of-thrones-complete-first-season.html

    • marzo 4, 2012    

      SI LOS VEO FUNCIONANDO … PERO CUAL SERÍA EL CÓDIGO?

    • marzo 4, 2012    

      Cesar Benites el ultimo codigo que esta en la entrada,fue el que actualize ese es el que debes pegar para ver los emoticones como tu quieres.

  6. marzo 4, 2012    

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

    • marzo 5, 2012    

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

  7. marzo 12, 2012    

    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!

    • marzo 12, 2012    

      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.

    • marzo 12, 2012    

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

    • marzo 13, 2012    

      jim 011 no re preocupes amigo,para ayudar estamos.

  8. marzo 12, 2012    

    :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!!!!

  9. marzo 12, 2012    

    :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!

  10. Tiredandboring Tiredandboring
    marzo 20, 2012    

    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.

    • marzo 20, 2012    

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

  11. Tiredandboring Tiredandboring
    marzo 20, 2012    

    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.

  12. marzo 24, 2012    

    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

    • marzo 24, 2012    

      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

    • marzo 24, 2012    

      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

    • marzo 24, 2012    

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

      Saludos 🙂

  13. marzo 24, 2012    

    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!

  14. marzo 24, 2012    

    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’/>

  15. marzo 24, 2012    

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

  16. marzo 24, 2012    

    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

    • marzo 25, 2012    

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

  17. marzo 24, 2012    

    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

    • marzo 25, 2012    

      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.

  18. abril 13, 2012    

    muy buen blog me ayudo bastante saludos!!!

    • abril 14, 2012    

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

  19. mayo 8, 2012    

    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 !

  20. mayo 8, 2012    

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

    • mayo 8, 2012    

      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.

  21. mayo 29, 2012    

    X*

  22. junio 24, 2012    

    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

    • junio 24, 2012    

      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:

  23. agosto 12, 2012    

    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.

    • agosto 14, 2012    

      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

    • agosto 15, 2012    

      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.

  24. xd xd
    septiembre 14, 2012    

    😀

  25. octubre 19, 2012    

    GRACIASSSS 😀

    • octubre 20, 2012    

      Gracias por comentar Skorpio 😛

  26. octubre 30, 2012    

    :crying:

  27. diciembre 28, 2012    

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

  28. enero 17, 2013    

    se pueden cambiar los emoticones por lo de taringa?

  29. Anonymous Anonymous
    febrero 5, 2013    

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

  30. febrero 5, 2013    

    🙂

  31. mayo 8, 2013    

    ¡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 😉

    • mayo 11, 2013    

      Ya te respondí en tu blog

    • mayo 13, 2013    

      ¡Muchas gracias!
      No sé lo que había hecho pero ya está solucionado 🙂

    • mayo 13, 2013    

      Helena pues que bueno que ya se haya solucionado el problema en tu blog.

      Saludos

  32. junio 4, 2013    

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

  33. junio 7, 2013    

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

    • junio 7, 2013    

      Medafaka eres muy hábil al agregar nuevos emoticones.

      Saludos

  34. julio 29, 2013    

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

  35. julio 30, 2013    

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

    • julio 30, 2013    

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

      Saludos

  36. junio 7, 2014    

    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

  37. agosto 2, 2014    

    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

    • agosto 2, 2014    

      Agrégalo en en line-1 entonces, igual funciona en alguna de esas líneas :-bd

      Saludos

  38. enero 6, 2015    

    Excelente… Gracias por tus aportaciones. :-bd

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo