98

Añadir la función de responder a los comentarios

Veremos como añadir un enlace en cada uno de los comentarios del blog que nos permita el responder a un comentarista concreto.

El resultado podéis verlo en El Escaparate, donde muestro un icono/flechita a la derecha de la fecha de cada comentario, aunque podría incluirse por ejemplo a la derecha del avatar de cada comentarista.

Cuando pinchemos sobre el enlace se abrirá una ventana pop-up como la de los antiguos comentarios, donde ya vemos incluido el enlace al comentario que queremos responder y el nombre del autor del comentario.

Responder comentario

Una vez respondido, el comentario aparecerá en el blog como todos los demás, con el nombre del comentarista al que va dirigida la respuesta precedido de una @.

Ejemplo de comentario respondido


[1] Nos situamos en la pestaña Diseño de nuestro panel de Blogger y vamos a Edición HTML, ahí marcamos la opción de "Expandir las plantilla de artilugios" para localizar esta línea en la plantilla:

<data:comment.author/>

[2] Copiamos y pegamos este código justo a continuación:

<span class='comment-reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>RESPONDER</a>
</span>


De esta manera se mostrará el texto "RESPONDER" al lado del nombre de cada comentarista.
Podemos cambiar ese texto por otro e incluso usar una imagen, sustituyendo el texto por el código para mostrarla:

<img src="URL_DE_LA_IMAGEN_AQUI"/>


Donde dice ID_DEL_BLOG debemos colocar precisamente eso, el número id que identifica a nuestro blog y que es el que se muestra en la url del navegador cuando estamos dentro de nuestro panel de Blogger en la pestaña Diseño, a continuación de "blogID":


Ejemplo blogID


Para mostrar el "Responder" como yo lo uso en el Escaparate, en el footer de cada comentario, tendremos que localizar estas líneas en la plantilla y colocar el código justo debajo:

<b:include data='comment' name='commentDeleteIcon'/>
</span>


Entradas Relacionadas:

98 comentarios:


Joaco 1

Que bueno esto, es una buena estrategia para responder rápidamente a otro comentario, en especial tú lo debes usar mucho.

Jeje, soy el primero en comentar, nunca lo había sido creo, jaja.

Bueno, un abrazo Rosa, espero que andes bien

Unknown 2

Blogger ha ido viendo varias mejoras, pero esta que se puede ver cuando haces comentarios con Disqus es muy útil
Me voy a poner regalona como cuando comencé... yuhuuuuu fui la primera en comentar jejejejej

Miles de besos y abrazos ronroneados ninda ^_^

xstok18x 3

de nuevo gracias Rosa

Yareli 4

no entendi lo ultimo lo de poner en el footer de cada comentario, que codigo pongo abajo de ese que señalaste?

Yareli 5

ahh no olvidalo, ya pude hacerlo xD gracias

mnserrat 6

@Monfunciona!

Deybi 7

Ay Rosa. Se parece mucho a lo que practicamos en Twitter, por eso me gusta. Bienvenido sea. ¡Y funciona!.

Unknown 8

@Deybi

Igual a Twitter?

ok, estoy respondiendo a un comentario para "ver como se ve" (valga la rebuznancia)
XD

Saludos

Marflo 9

Rosa, como debo hacer para que al pasar el cursor encima del ìcono de la flechita aparezca la leyenda "Responder a..." porque en vez del texto puse una flecha pero no aparece nada al pasar el cursor. Gracias de nuevo!

Marflo 10

Puedo cambiarle el color al nombre de la persona a la que le respondo? perdona si soy pesada pero he notado que aparece en celeste clarito y yo tengo fondo celeste en mis comentarios para diferenciarlos del resto y no se lee nada, si se puede quisiera saber como para aplicarlo. Gracias Rosa.

Candela MG 11

Maravilloso, Rosa! Qué gran recurso

Maoram 12

Mil gracias por esto, rosa! =D

AlbaFoto 13

Fantástico rosa, me funciona a las mil maravillas...

Pero si quiero cambiar el color de responder ya que es su defecto me sale del mismo color que lo demás que código debo de poner?

un saludo y muchas gracias por seguier enriqueciendo mi blog.

Esther 14

@Joaco
Quería saber como funciona. Muy buen recurso!!

Trucos Noticias y Mas 15

Muy bueno muchas graciassssss

Patri O. 16

quizá lo pruebe, es más ordenado =)

Anónimo 17

Marflo , Mojul8 Para cambiar el color del enlace en el nombre, colocamos en el CSS de la plantilla (antes de ]]></b:skin> algo así:

.comment-reply a {color: #ddd;}
.comment-reply a:hover {color: #000;}

La primera línea sería el color del enlace, la segunda el color del enlace al pasar el ratón, por supuesto ahí cada uno usará su propio código para los colores.

Anónimo 18

MarfloPara el texto al pasar el ratón, sería en el código de la imagen:

<img src="URL_DE_LA_IMAGEN_AQUI" title='Responder a ...'/>

Gabbo the Fox 19

Muy bueno. Ya lo tengo puesto en mi blog y puse un ícono de dos globos tipo comic. ¡Gracias!

Unknown 20

Hola! está perfecto, pero algo hice mal. El nombre de los comentadores no se visualiza,  sólo de los comentarios anónimos.

¿podrias ayudarme en eso?

Gracias!!

Anónimo 21

Ericklinus™ Deshaz lo que hiciste y vuelve a intentarlo si quieres...

Mis cosillas de cocina 22

Hola Rosa, muchas gracias.

Coloush +16 23

Rosa una consulta, mira mi página www.porvelez.com.ar tengo un problema en los comentarios, del formato de Blogger, que no se ven y yo intente esto: http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html pero no me tengo el fragmento que me pide al comienzo, no lo encuentro...
Sabes que puede ser lo que me impida que todo esto ande?
Saludos!

Marflo 24

Rosa
el de "responder a..." me salio perfecto pero el otro no impacta, lo puse tal cual me indicas tu, cambie los colores y probe alternativas pero no, sigue apareciendo del mismo tono

Carmenchu 25

Hola Rosa, ¿es posible que los "comentaristas" puedan poner una dirección URL (por ejemplo, una página de Youtube), que sea clicable, sin que tengan que saber el código html para que así suceda? He visto que en alguna página, poniendo la dirección ya la reconoce como clicable con darle al retorno, pero no así en mi blog, que es de Blogger.
Gracias por tu gran labor social ayudándonos.
Saludos,

Anónimo 26

@Rosa

Buenisimo!! Llevo mucho tiempo siguiendote, y sin duda, es la mejor herramienta que nos has facilitado. Impresionante... tanto que nada más leerlo me he puesto manos a la obra, Muchas gracias.

Aqui te dejo mi Blog para que le heches un vistazo

Magoplup 27

@RosaGracias por la entrada rosa aunque ya lo tenia implementado en mi blog de pruebas esto esta super buenisimo estoy viendo si hago un pequeño cambio para resaltar las respuestas si me sale te cuento ....

Ojala se pudiera responder directamente en el nueo editor de comentarios en lugar de el PopUp como hasta el momento se puede hacer.. Esperemos Blogger nos deje en algun momento responder con una ventanita dentro de el comentario elejido Saludos

Rokstarr 28

Me gusta mucho, realmente se ve muy estético y profesional. Gracias Rosa!!

Monica 29

Barbaro era lo que te habia pedido,Muchas gracias Rosita ya lo pruebo,

jose_3 30

Muchas gracias Rosa, funciona perfectamente, pero una pregunta, no se podría hacer de modo que no solo se citase el nombre del autor del comentario, si no el comentario entero, como funciona en los foros, creo que iría muy bien para responder a los Anónimos, porque a veces tienes que contestar a 2 o 3 mensajes de Anónimos, y se hace un poco raro, un saludo.

Anónimo 31

Marflo Prueba así:
.comment-reply a {color: #ddd !important;}
.comment-reply a:hover {color: #000 !important;}

Anónimo 32

Carmenchu En Blogger no es posible.

Anónimo 33

jose_3 Hay cosas que en Blogger mientras ellos no cambien eso, es imposible de hacer... esperemos tomen en cuenta l que los usuarios pedimos y nos den, entre otras cosas, un sistema de formularios "decente".

Coloush +16 34

Rosa no me pudiste responder... una consulta, mira mi página www.porvelez.com.ar tengo un problema en los comentarios, del formato de Blogger, que no se ven y yo intente esto: http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html pero no me tengo el fragmento que me pide al comienzo, no lo encuentro...
Sabes que puede ser lo que me impida que todo esto ande?
Saludos!

Anónimo 35

Coloush +16 No te respondí aquí, porque también enviaste un email...
La paciencia es una buena virtud...

Coloush +16 36

Ok, no te queria molestar, solo consultar, pero te mande un mail? no te he mandado ninguno...
saludos

Coloush +16 37

OK, ahi lo lei, disculpame,,, entonces ahora tendre que hacer una copia de la plantilla e ir dejandola como esta ahora...
Saludos y Gracias!

A 38

Funciona Genial, muchas gracias por el aporte.

Matías Aravena 39

@Kike Hernández: Sí, funciona bastante bien. Gracias Rosa!

jose_3 40

Gracias Rosa, por contestarme, a ver si blogger un día lo implementa, un saludo.

Anónimo 41

@jose_3 claro que lo tiene qe implementar puesto que blogger se esta quedando atras

Anónimo 42

wooow muchisimas gracias por el dato..lo hice a la primera y quedo genial! de nuevo gracias

eduiracheta 43

Rosa tengo dos dudas:
1- en Diseño - Configurar entradas del blog - tengo activada la opcion para que se vean las etiquetas al lado del titulo de cada post. Pero aunq está activada no aparece.

2- Tampoco se porq no me funciona el cuadro de busqueda, hay algun motivo?

mil gracias, saludos

Anónimo 44

The Ed Pictures Mira aquí lo de las etiquetas:
http://elescaparatederosa.blogspot.com/2009/03/etiquetas-desaparecidas.html

En cuanto al buscador, no sabría decirte, a mi me empezó a pasar igual hasta que añadí el de Google, el que está entre los gadget de Blogger.

Martin 45

Hola!! Muy bueno este tema pero no entendí eso de lo último que es el footer de cada comentario.
Y si tienes tiempo visita mi blog que todo está diseñado gracias a tu ayuda, y me dices que tal!!
mi blog: http://elespaciodemartinivan.blogspot.com/

Admin 46

@Las Pokas Neuronas de YobLleh

(valga la rebuznancia) ?¿ No "rebuznes" tanto jajaja

Felipe Calvo Cepeda 47

@Rosa Estoy de acuerdo contigo, que bien nos caería un sistema de comentarios más flexible, tal vez, que los lectores tuvieran facilidad para poner textos en negrita o cursiva, citar comentarios anteriores o que los anónimos tuvieran que dejar un correo.

Lo último que perderemos será la esperanza
Un abrazo.!

Anónimo 48

Descomposed Iba a borrar el comment... pero entiendo no has podido resistirte... ja,ja,ja.

Anónimo 49

Martin Justo donde ves mi flecha para responder, ahí está el footer de los comentarios.

Anónimo 50

FelipeNo creo ignoren mucho más el tema... casi lo estamos pidiendo a gritos

Anónimo 51

Hola, Rosa...

Ótima dica! (Mas tratando-se de você e seu blog, isto é até uma redundância!)

Agora, permita-me um pequeno questionamento...

Como fazer para que ao invés de aparecer a resposta com uma @ à frente, aparecer algo tipo: In replay to... ?

Grato pela provável e esperada resposta.

[]'s @inaciorolim

Anónimo 52

uhugaleraBastaría reemplazar en el código a pegar el %40, que es la arroba, por el texto que deseemos.

La Chica del Blog 53

Rosa, queria saber si hay alguna forma de quitarle las biñetas (desde la edición de HTML) a la plantilla "Sencillo de Josh Peterson".

Anónimo 54

- Tumeencantas ♥ Supongo hablas de las de la sidebar... coloca esto en el CSS (antes de ]]></b:skin>:
.sidebar ul {list-style:none;}

Unknown 55

Hola Rosa. Antes que nada felicitarte y darte las gracias por tu trabajo, no sabes lo que nos llegas a facilitar la vida a los que te leemos!

Yo soy nuevo en esto de los blogs y nunca antes habia echo nada similar, pero para llevar con el menos de una semana creo que me esta saliendo un blog bastante decente.

Mi problema viene a la hora de utilizar Scriptaculous para añadir la flechita de subir hacia arriba con efecto slide como tienes en tu blog. Pongo el codigo para utilizar Scriptaculous y luego sigo tus pasos al pie de la letra, pero el resultado es una flechita que al pulsarla no me manda hacia arriba ni nada. Y asi con todo lo relacionado con Scriptaculous.

¿Que puede ser? lamento si no me he explicado con claridad. Un saludo!

Ramón Ceresuela 56

Hola Rosa, en primer lugar queria felicitarte por tu blog, una verdadera maravilla.
La cuestion a plantearte no tiene nada que ver con este post te pido disculpas por ello. La direccion de mi blog es www.labolsadesdelospirineos.com y no consigo que aparezcan las etiquetas en mis entradas, tengo activada la funcion en entradas del blog pero no sirve de nada, supongo que al modificar el codigo en algun momento he hecho algo mal.
Te agradeceria enormemente que me ayudaras a resolverlo, un saludo y gracias anticipadas,
Ramón

Anónimo 57

JavierEntiendo que eres nuevo, así que te diré que la próxima vez dejes el comentario en la entrada a la que haces referencia en tu consulta, pues eso es de ayuda para todos, sobre todo para los que leen los comentarios antes de preguntar.

En tu caso, es una e las nuevas plantillas, así que en el código de la flecha tendrás que poner content-outer en lugar de outer-wrapper y fíjate que son dos veces las que tienes que cambiar eso.

Alexis José Marrero Castillo 58

En respuesta aJoaco
si es muy bueno

Anónimo 59

Ibex 35 Mira si esta entrada te ayuda:
http://elescaparatederosa.blogspot.com/2009/03/etiquetas-desaparecidas.html

Unknown 60

Disculpa por ponerlo aqui pero pensé que en otros mensajes mas antiguos no lo leerias, pero luego me di cuenta de mi error y te consulte otra cosilla en un mensaje mas adecuado. Me habia leido todos los comentarios pero no hayaba respuesta a mi problema.

Muchas gracias por el consejo Rosa, lo pondre en practica ahora mismo. Un saludo.

Anónimo 61

Javier No hay problema!
Leo todos los comentarios estén en la entrada que estén, pues estos llegan directos a mi email.

Unknown 62

@Rosa
Mil gracias Rosa, pues mira que habia estado buscando por tu blog y no lo habia encontrado.
Puestos a pedir, tampoco me aparecen los botones para compartir la entrada, no tendras por casualidad el codigo que tengo que incluir
Muchas gracias y saludos,
Ramón

Unknown 63

@R. Ceresuela
Por favor Rosa ignora mi anterior comentario, navegando por tu web he encontrado la solucion.
Mi blog es www.labolsadesdelospirineos.com y tras solucionar todo lo demas ahora compruebo que en cada entrada en una linea me aparecen los comentarios, en otra las etiquetas y en una tercera los botones del twiter y demas, me gustaria que todo apareciera en la misma linea ¿es posible?
Muchas gracias anticipadas,
Ramón

Unknown 64

Por cierto, me pasa algo muy extraño con este artilugio, solamente me aparece la opcion responder en los comentarios que son anonimos, para el resto no. Puedes verlo en mi web www.labolsadesdelospirineos.com
Gracias anticipadas,
Ramón

Anónimo 65

R. Ceresuela Por delante ya te digo que no tengo ni idea de porque solo sale está función en los anónimos de hecho yo antes de publicar lo comprobé en otro blog donde si permito comentarios anónimos y funciona sin problemas con todos... tal vez la colocación en la plantilla... ni idea.

En cuanto a lo que me preguntas de la colocación en el post-footer de las opciones, te diré que en el post-fotter encontrarás (expandiendo los artilugios) tres líneas como estas:

<p class="post-footer-line post-footer-line-1">

<p class="post-footer-line post-footer-line-2">

<p class="post-footer-line post-footer-line-3">

Si te fijas, cada cosa está debajo de una de estas líneas, si mueves todo por ejemplo a debajo de la primera, saldrá todo en una misma línea.

Unknown 66

@Rosa
Mil gracias igualmente Rosa, tampoco era un elemento imprescindible, he cogido muchas otras cosas de tu blog que me han servido de mucha utilidad.
Gracias tambien por la ayuda con el post footer.
Un abrazo desde el Pirineo,
Ramón

Unknown 67

Rosa, ¿dónde consigo imagenes desl estilo que tú utilizas para esta función?

¡Saludos!

Viktor Lecter 68

@Rosa

Si, bueno, está bien, aunque esto solo logra medio disculpar a Blogger por el pésimo trabajo que hace con su anticuado sistema de comentarios.

Muchas gracias Rosa, es válido, lo que me gustaría saber es como hacer para que salga además el número del comentarista si se puede, a veces en mi blog, comentan algo como: "dirigido al anónimo 50" o cosas así, ¿como se podría hacer con varios anónimos en este truco?.

Anónimo 69

Víctor Ni siquiera logra disulpar a Blogger, pues esto es algo que algún usuario pensó, no ellos... aún les pone más en evidencia, creo yo...

En cuanto a lo que preguntas, ni idea de si eso sería posible, aunque con el limitado acceso que tenemos a los comentarios casi que me atrevería a decirte que no...

Anónimo 70

Ezeguko A decir verdad, flachita la tenía hace tiempo, suelo guardar iconos que me gustan o creo me serán de utilidad... ahora mismo no podría decirte nada concreto.

Nati Cortez 71

Listo!!! ya quedo mi botón de responder...
Gracias de nuevo Rosa...
Saludos...

Antonio Herrera 72

Se acabó el buscar plantillas que no funcionan como uno quiere y en las que efectos como estos tampoco.

Con la nueva función de blogger de diseñar plantillas y tu blog configuraré el mío a mi gusto.

Respecto a este truco he de decir que es muy elegante y mejora la relación con los visitantes tanto con el autor como entre si.

Gracias por compartir.

Anónimo 73

Nati Eres una chica aplicada

Anónimo 74

Antonio Herrera Las nuevas plantillas son algo más complicadas de entender... pero ahí estamos
¡Gracias!

Carol 75

Hola Rosa,

he implantado la flechita de responder y sale bien solo que en el comentario, justo al lado de la flechita sale la palabra : dijo...

como puedo quitar eso?

muchisimas gracias por tu ayuda

Anónimo 76

4ever Pon ese hermoso ojo azul aquí:

http://elescaparatederosa.blogspot.com/2007/09/cambiar-el-dijo-que-sigue-al-nombre-del.html

Ariel Mode 77

hoho esto esta genial muy bueno gracias rosa.

Marieta 78

Muchísimas gracias, Rosa, a la primera.

Kas-Tro 79

dos pregunticas rosa.. la la imagen que agregue tiene un borde.. y no encuentro en ningun sitio como quitarlo por que a lo que veo, el borde es tiene que ver con el link que tiene el nombre del autor, y como hacer que la imagen me kede igual que el icono de borrar comentario osea al mismo nivel por que la que agregue me queda mucho mas para arriva. gracias estare esperando tu respuesta.. este se mi blog de prueba http://prueba2056.blogspot.com

Kas-Tro 80

Otra inquietud como lo pongo en la esquina de la derecha abajo pero como adentro de donde ta el comentario y que pasen el curso salga un msj para que sepan que es para responder el comentario.. y perdona tanta molestia

Kas-Tro 81

Parece que mi primera inquietud no se publico, por fallas de mi internet, pero es que quiero ver como le elimino un borde que le sale a mi icono..

Kas-Tro 82

tantos codigos me han echo olvidar las cosas este es mi blog de prueba donde puedes ver el ejemplo http://prueba2056.blogspot.com/

c 83

hola rosa, esta muy bien lo que propusiste, pero he decirte que no es válido para los comentarios que aparecen en páginas de blogger, me refiero a sitios como www.mepartoelojete.blogspot.com/p/...
Mira a ver si puedes encontrar una solución para el problema o por lo menos para que no salga la opción de responder en estas páginas.

Muchas gracias de antemano.

c 84

@Mr. Esólo quería suscribirme a los comentarios de la entrada.

Anónimo 85

Mr. E Esas páginas son independientes del resto y se supone serán usadas para secciones especiales en las que no se habilitarán comentarios, de hecho, ni siquiera serán indexadas o aparecerán en los feeds, o eso dice Blogger... así que son tratadas como algo especial en el blog a las que no pueden añadirse algunas funciones.
De todos modos no entiendo... dices que no aparecen, y después añades que quieres que no salgan...

RaúlSG 86

@Ericklinus™ A mí me pasaba lo mismo si lo colocaba al lado del nombre del comentarista, sólo me daba la opción de responder a los anónimos, en cambio en el footer si funciona para todos. Debe ser un problema del nuevo diseñador.

Kas-Tro 87

crees que puedas ayudarme.. con los cmentarios 79 y 80

c 88

si aparecen y aparece la opción de responder, pero da un error.

Anónimo 89

Mr. E Pues quizá en esas páginas no sirva... no lo se.

Anónimo 90

Kas-Tro Para que salga una etiqueta con lo de responder has de añadir un title a la imagen:
<img src='http://aqui-imagen.png' title='Responder a este comentarista'/>
Para colocarlo donde dices, prueba moviendo el código, pero habrá sitios donde no funcione... por eso indico las dos formas más lógicas en la entrada.

Anónimo 91

rabularro Gracias!!!

c 92

@Rosa gracias de todos modos

Kas-Tro 93

gracias rosa, lo que me gusttaria eliminar es un borde que sale en la imagen en buscado en el codigo y no veo nada que diga borde, pero a lo que parece ese borde tiene que ver con el link que lleva el nombre del usuario que responde los msj, puedes ayudarme con ese borde..

Anónimo 94

Kas-Tro Eso es algo en el css que tiene aplicado borde a las imágenes que coloques ahí... ¿para que blog es?, nunca lo dices y no puedo andar mirando en todos los de tu perfil.

Admin 95

Hola Rosa, creo que soy el único al que no se le vé nada. Probé de ponerlo de las tres maneras, incluso me fijé en Vagabundia haber si me dejaba alguna cosa pero nada.
Si pudieras decirme cuál es el motivo sería de gran ayuda.
Gracias de antemano Rosa

Saludos

Anónimo 96

Descomposed Ni idea...
Podría ser la colocación del código, la ID del blog que no fuese correcta... no puedo saberlo a ciencia cierta.

Unknown 97

no me funciona, no se por qué, he puesto el código que has dado en el footer y nada

Anónimo 98

najma Y es que no es copiar y pegar en el footer, sino en el sitio que indico dentro del código de la plantilla... lee la entrada de nuevo y con más atención...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S