99

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:

99 comentarios:


Joaco

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 ;)

Σ=o) Pau

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

Miles de besos y abrazos ronroneados ninda ^_^

๑۩۞۩๑๑۩۞۩ ๑...†...stok_18...†...๑۩۞۩๑๑۩۞۩๑

de nuevo gracias Rosa

Leslie&Yareli

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

Leslie&Yareli

ahh no olvidalo, ya pude hacerlo xD gracias:D

Mon

@Monfunciona!

Deybi

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

Las Pokas Neuronas de YobLleh

@Deybi

Igual a Twitter?

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

Saludos

Marflo

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

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.

Damned

Maravilloso, Rosa! Qué gran recurso :D

Maoram

Mil gracias por esto, rosa! =D

mojul8

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.

Mers

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

Trucos Noticias y Mas

Muy bueno muchas graciassssss :D

Patri O.

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

Rosa

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.

Rosa

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

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

Ericklinus™

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

Rosa

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

Bulma

Hola Rosa, muchas gracias.

Coloush +16

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

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

Carmenchu

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,

Carlos

@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

@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 :D

Arnoldo Arellano

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

Monica

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

jose_3

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.

Rosa

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

Rosa

Carmenchu En Blogger no es posible. :(

Rosa

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

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!

Rosa

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

Coloush +16

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

Coloush +16

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

Kike Hernández

Funciona Genial, muchas gracias por el aporte.

Roster

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

jose_3

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

Seynos

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

Gally

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

The Ed Pictures

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

Rosa

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

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/

Descomposed

@Las Pokas Neuronas de YobLleh

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

Felipe

@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 :D
Un abrazo.!

Rosa

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

Rosa

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

Rosa

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

uhugalera

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

Rosa

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

- Tumeencantas ♥

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".

Rosa

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

Javier

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!

Ibex 35

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

Rosa

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 MARRERO

En respuesta aJoaco
si es muy bueno

Rosa

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

Javier

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.

Rosa

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

R. Ceresuela

@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

R. Ceresuela

@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

R. Ceresuela

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

Rosa

R. Ceresuela Por delante ya te digo que no tengo ni idea de porque solo sale está función en los anónimos :S 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.

R. Ceresuela

@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

Ezeguko

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

¡Saludos! :D

Víctor

@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?.

Rosa

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...

Rosa

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.

★ Naтi ★

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

Antonio Herrera

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.

Rosa

Nati Eres una chica aplicada ;)

Rosa

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

4ever

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

Rosa

4ever Pon ese hermoso ojo azul :D aquí:

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

xCanibalx

hoho esto esta genial muy bueno gracias rosa.

malachuca

Muchísimas gracias, Rosa, a la primera.

Kas-Tro

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

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

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

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

Mr. E

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.

Mr. E

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

Rosa

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...

rabularro

@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

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

Mr. E

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

Rosa

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

Rosa

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.

Rosa

rabularro Gracias!!! :D

Mr. E

@Rosa gracias de todos modos

Kas-Tro

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..

Rosa

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.

Descomposed

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;)

Rosa

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

najma

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

Rosa

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...

Kenpachi

El codigo el bueno la unica pega que le veo es que no serviria de mucho para los anonimos porque no te dice el numero de comentario que es

Publicar un comentario en la entrada

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