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 == "item"'> <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 == "item"'>
<div class='divspoiler'>
<img onclick='if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}' 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.
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
Juvinao · marzo 3, 2012 a las 5:09 pm
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.
Cesar Benites · marzo 4, 2012 a las 3:30 am
OKEY! ESTARÉ AL PENDIENTE DE TU RESPUESTA! 😉
Juvinao · marzo 4, 2012 a las 3:44 pm
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
Cesar Benites · marzo 4, 2012 a las 4:39 pm
SI LOS VEO FUNCIONANDO … PERO CUAL SERÍA EL CÓDIGO?
Juvinao · marzo 4, 2012 a las 5:10 pm
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.
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 😀
Juvinao · octubre 20, 2012 a las 4:46 pm
Gracias por comentar Skorpio 😛
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?
Hayder Juvinao · enero 19, 2013 a las 10:39 pm
Sigue este tutorial.
http://www.miltrucosblogger.info/2011/06/emoticones-de-taringa-para-blogger.html
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 😉
Hayder Juvinao · mayo 11, 2013 a las 8:35 pm
Ya te respondí en tu blog
Helena Botella · mayo 13, 2013 a las 10:21 am
¡Muchas gracias!
No sé lo que había hecho pero ya está solucionado 🙂
Hayder Juvinao · mayo 13, 2013 a las 10:07 pm
Helena pues que bueno que ya se haya solucionado el problema en tu blog.
Saludos
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
Hayder Juvinao · junio 5, 2013 a las 4:55 pm
Se ven solamente en los comentarios.
Saludos
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 🙂
Hayder Juvinao · junio 7, 2013 a las 4:30 pm
Medafaka eres muy hábil al agregar nuevos emoticones.
Saludos
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
Hayder Juvinao · agosto 2, 2014 a las 9:41 pm
Agrégalo en en line-1 entonces, igual funciona en alguna de esas líneas :-bd
Saludos
Localiza Recursos Sociales · agosto 3, 2014 a las 9:21 am
Hola:Lo he intentado con las dos lineas y no sale nada.Un saludo
Manuel DS · enero 6, 2015 a las 6:28 pm
Excelente… Gracias por tus aportaciones. :-bd
Hayder Juvinao · enero 6, 2015 a las 8:09 pm
Manuel gracias a ti por comentar 🙂