Destacar el nombre del comentarista al responder : El Escaparate de Rosa

Estás en: Inicio » Trucos Texto » Destacar el nombre del comentarista al responder

Destacar el nombre del comentarista al responder

He recibido varias consultas sobre como hago en mi blog para destacar el nombre del comentarista al responder a sus comentarios.

No es algo demasiado complicado de lograr, aunque no es algo automático como algunos parecen creer.

Aunque Blogger no permite incluir determinado código html en los comentarios sin pasarlo antes a texto plano, si es posible utilizar en ellos algunas etiquetas html como <a></a>, ,, y 

En este caso utilizaremos la etiqueta .

[1] Antes de comenzar, hemos de tener añadido o añadirlo si es que no lo estamos usando, el "Destacar los comentarios del autor del blog".

Nota:

Si solo vamos a usar el efecto para destacar al comentarista y no queremos destacar los comentarios de autor de otra manera, empleamos solo el paso [1] de esa entrada.

[2] Colocaremos en el CSS de la plantilla (siempre antes de ]]>/b:skin>) el código que controlará el aspecto del texto con el nombre del comentarista, sería algo así:

.blog-author-comment em{
color: #B32A32; /* cambiamos aqui el color */
font-size:15px; /* cambiamos aqui el tamaño del texo */
padding-right:5px; /* separacion del nombre al texto del comentario */
font-weight:bold; /* fuente en negrita*/
}

[3] Ahora y cada vez que queramos responder a un comentario destacando el nombre del comentarista, colocaremos su nombre al inicio del comentario entre y

Entradas Relacionadas:

46 comentarios:

Jesús: Muy interesante Rosa; 1/10/10
Anónimo: Genial, Gracias por el dato, Saludos!!!; 1/10/10
Katz Dixon: jaja, esto no es para nada como imagine que sería xD; 1/10/10
Anónimo: Gracias Rosa. Como siempre muy buenos aportes ;); 1/10/10
MamaNunes: :D Bueno Rosa! Gracias!; 1/10/10
Axun: ¡Buenooo! ¡Me ha salido a la primera! ¡Todavía alucino! Gracias, Rosa.; 1/10/10
Axun: Por cierto, antes también me había dado cuenta pero, ¿por qué no sale la foto de mi perfil cuando hago un comentario si lo tengo habilitado?; 1/10/10
Felipe Calvo Cepeda: Wii! :D

Mi foto salió en una de tus entradas... jajaja
Un abrazo Rosita!; 2/10/10
Wuilmer Bolivar: Excelente, gracias.! ^^
Continua con esos aportes.; 3/10/10
Anónimo: Felipe :D ¡Abrazo!; 3/10/10
Anónimo: Axun Pasa con algunas imágenes ahí si... y no sabría decirte porque :S; 3/10/10
Ü: Buen post!.
Pero quiero hacer una pregunta muy importante, mire en muchos blogs que tenian en la barra lateral fondos como estos, y bordes, asi:
http://bit.ly/9G1qwP
Y en ves de los titulos, botones; asi:
http://i51.tinypic.com/1zl830o.png
Me gustaria saber como ponerlos en blogger.
Aquí te dejo una foto de como seria:
http://i52.tinypic.com/53u6fd.png
¡Estaría muy agradecido si lo sabes!; 5/10/10
Cooperadora Hogar Crecer: Hola Rosa,
nos ha derivado Vku. en la seguridad de que vos sabrás asesorarnos sobre este tema:

Hay un programa de radio que se hace y se emite por internet desde España, solamente los domingos.
Quisiera grabarlo desde Argentina, lo haría en mi casa, para llevarlo al Hogar y escucharlo con los chicos durante la semana, que es cuando asisten. Cómo podría hacerlo?

Donde lo hacen no lo graban, por ahora.

Nuestro correo: hogarcrecer@gmail.com

Muchas gracias desde ya!; 5/10/10
Anónimo: Aqui 12 Por supuesto la explicación es para plantillas originales de Blogger o plantillas que sigan su mismo diseño en cuanto a códigos:

http://elescaparatederosa.blogspot.com/2009/10/imagen-y-fondo-de-color-en-los-titulos.html

http://elescaparatederosa.blogspot.com/2008/08/imagen-de-fondo-en-los-widgets-de-la.html; 5/10/10
Anónimo: Hogar CRECER Lo más sencillo en ese caso, es que usen una aplicación o programa que grabe cualquier sonido de tu PC... Hay varios que hacen eso y que puedes encontrar en Google, te paso uno de los más sencillos que conozco:
http://www.ayudadigital.com/audio/como_grabar_audio_desde_emisoras_radio_online.htm

Pero hay muchos, solo has de buscar "Grabar emisoras de radio por internet" o algo así...; 5/10/10
Ü: Creo que no podre usarlos :(( .Mi plantilla no tiene el .sidebar .widget{ ni el .sidebar h2{
Y solo eso necesitaba mi blog :(
Deberé buscar otra forma; 5/10/10
Cooperadora Hogar Crecer: Muchas gracias!
ya entré en la página y está muy claro. Igualmente necesitaba algunas consultitas de "inexperta", pero el contacto me da como "enlace roto". Intentaré en otro momento.

Hasta luego!; 6/10/10
Orna !: Hoolaa, me encanta tu blog, muy util!!
Te puedo hacer una pregunta? Mira, yo me hice un blog en Junio de este año, Y hace poco, hice un blog con una miga y me di cuenta que hay una nueva version para los post, no? Es decir, las imágenes se bajan de una forma diferente, etc. Quisiera saber si puedo poner esa version del post en mi blog. Es que, me resulta más fácil!
http://orneeh-blog.blogspot.com
es el blog, si quieres verlo.
Te agradeceria la respuesta!! :)
Gracias :D; 7/10/10
Orna !: en donde puse "miga" va "amiga"; 7/10/10
Anónimo: Orneeeh Supongo que es porque estás usando la versión antigua del Editor... ve a Configuración y en Seleccionar editor de entradas... marca la opción para "Editor actualizado".; 7/10/10
Wuilmer Bolivar: :O No sabia que había un "Editor actualizado" ya lo active tenia marcado "Editor anterior" ^^

Leo sobre las nuevas funciones xD; 7/10/10
Orna !: woow, muchas gracias!! :D
no sabia que habia eso de editor, gracias gracias gracias!!!!!! :D; 8/10/10
Anónimo: Wuilmer Bolivar, Orneeeh Lo hay, y además pronto pasará a ser el editor "oficial" de Blogger, así que mejor familiarizarse ya con el... yo lo estoy usando desde que salió y, la verdad, me gusta mucho. :D; 8/10/10
Wuilmer Bolivar: :P Si Orneeeh y tu Rosa no hacen mención de eso, quizás ni me hubiese enterado :D

Estoy de acuerdo con lo que escribe Orneeeh en uno de sus blogs que este blog es muy bueno, el mejor ;)

Continua así Rosa xD; 8/10/10
Anónimo: Rosa ayúdame a como aplico mi otro blog dentro del que tengo,que aparezca en un rincón y diga mi otro blog ,gracias de ante mano; 9/10/10
Anónimo: amipintacocino Pues usando un enlace a tu otro blog colocado en un gadget por ejemplo...
http://elescaparatederosa.blogspot.com/2007/04/insertar-enlaces-links.html; 9/10/10
Carol: hola Rosa, aqui de nuevo,

plantilla nueva y me gustaria cambiar el nombre al comentarista (solo nombre NO comentario entero)pero no me sale siguiendo los pasos de esta entrada.

agradeceria orientacion

http://retazos-4ever.blogspot.com; 24/10/10
Rekeme: muy bueno...; 26/10/10
Anónimo: 4ever Como cambiar el nombre?... me quedé como estaba... ni se que quieres hacer, ni donde.; 28/10/10
Carol: lo siento Rosa, por no explicarme bien ( o igual no era el sitio adecuado)

a ver si lo se hacer mejor ;)

cuando yo (por ejemplo) te pregunto algo en una entrada, tu nombre sale en un color y cuando tu me respondes, el mio sale en otro.

(gracias por tu paciencia); 28/10/10
♥ Ana: Hola Rosa ésta es la entrada donde quería hacerte la consulta, el problema va a ser explicar el tema
Empezaré diciendo que he cambiado la zona de los comentarios, he anchado el rectángulo donde se comenta, he puesto los avatares algo más grandes y he añadido una especie de borde granate a los comentarios que salen en el blog
El caso es que éste truco tuyo , me gusta un montón y me sale muy bien, pero me pasa algo curioso, cuando pongo el nombre del comentarista remarcado entre y , una vez que sale el comentario y se ve en el blog, las letras de dicho nombre, se me ponen debajo de la imagen de mi avatar y se me quita el borde granate en mis comentarios, en los demás se ve todo perfecto.

Te comento que la zona de mi plantilla no está como la que has puesto tú en el truco "Destacar los comentarios del autor del blog",no he encontrado lo de:

<dl id='comments-block'>

entonces he puesto ese código tuyo en ésta zona:

 <b:loop values='data:post.comments' var='comment'>

 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

 <b:if cond='data:comment.favicon'>

 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

 </b:if>

 <a expr:name='data:comment.anchorName'/>

 <b:if cond='data:blog.enabledCommentProfileImages'>

 <data:comment.authorAvatarImage/>

 </b:if>

 <b:if cond='data:comment.authorUrl'>

 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

 <b:else/>

 <data:comment.author/>

 </b:if>



 </dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='blog-author-comment'>

<data:comment.body/>

</dd>

<b:else/>

 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

 <b:if cond='data:comment.isDeleted'>

 <data:comment.body/>

 <b:else/>

 

 <data:comment.body/>

 

 </b:if>

 </dd>

</b:if>

 <dd class='comment-footer'>

 

 <a expr:href='data:comment.url' title='comment permalink'>

 <data:comment.timestamp/>

 </a>

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

 

 </dd>

 </b:loop>

 </dl>

 </div>

Luego he añadido el código que pones aquí,e incluso para probar le he añadido un
margin-right: 15px;, y nada sigue el problemilla, así que, de momento he eliminado el truco.

Rosa, te aseguro que si habría podido solucionarlo , no te habría molestado, no me gusta hacer perder el tiempo a nadie.
El truco me sale pero, con ese pequeño problema que te digo.
Perdona por lo extenso de mi pregunta, no he sabido ponerlo de una manera más escueta, lo siento:(
Muchas gracias de antemano; 20/11/10
♥ Ana: Rosa, perdón por volver a molestarte, he estado mirando y remirando otra vez buscando la zona:

<dl id='comments-block'>

Y he encontrado ésta otra, similar,que queda justo encima de toda la zona que te puse en mi anterior comentario:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Te voy a mandar un abrazo enorme por tu santa paciencia, jejeje; 20/11/10
Anónimo: ♥ Ana Antes que nada prueba a retirar el código para ocultar la navbar que tienes colocado en mal lugar, y después intenta de nuevo hacer esto... podría no ser el problema, pero tal como explico en mi última entrada, hay códigos mal colocados que a veces impiden la realización de algunos efectos...
El código que está mal situado es este:
<style type='text/css'>

#navbar-iframe{

height: 0px;

visibility: hidden;

display: none;

}

</style>

Debería ir colocado antes de </head>; 21/11/10
♥ Ana: Uissssss, muchísimas gracias, ya he cambiado lo de ocultar la Navbar como me dices, ha sido un fallo mío, me despisté y como funcionaba bien, pensé que estaba todo bien :((
He vuelto a poner el truco para lo de destacar el nombre del comentarista y me sigue pasando lo mismo, me sale muy bien el truco pero, me queda el nombre debajo de mi avatar y, el borde granate de mis comentarios se me quita, sin embargo en el resto de comentarios queda todo genial, seguro que tengo algo mal hecho o mal colocado en mi plantilla, pero, tampoco pasa nada si no se pudiera solucionar, no es nada importante, simplemente me gustaba el truco, así que no te apures por ello
Gracias Rosa, no veas como aprendo de ti, te voy a contar una cosilla, cuando empecé con mi blog, hace casi dos años, en ti y en Eulalia encontré un montón de ayudas, me asombraba lo mucho que sabíais de todo ésto, desde entonces siempre cotilleo vuestros blog a ver que cosas nuevas puedo hacer en el mío, os tengo a las dos en mi lista de blogs desde entonces, sois una referencia para mi, no me cansaré de daros las gracias por ello
Hala, ya me he vuelto a enrollar, jajajaja :D; 21/11/10
♥ Ana: Rosa, si quieres ver como queda , lo he dejado puesto, así lo ves in situ en los comentarios
Un abrazo; 21/11/10
Anónimo: ♥ Ana Veremos si podemos corregir el tema...
Coloca en el CSS ( antes de ]]></b:skin> ) esto y me cuentas...

.blog-author-comment {
text-align:justify;
font-size: 15px;
border: 2px ridge #ea9999;
}

#blog-author-comment .avatar-image-container img {
border:2px solid #660000;
height:55px;
margin-right:16px;
width:55px;}; 22/11/10
♥ Ana: ¡¡Graciasssssssssssssssssss!! :D, ya lo he hecho, ahora queda muy bien, tanto el borde de alrededor como el nombre del comentarista
Una pregunta ¿tengo que eliminar éste código y cambiarlo por lo que tú me dices o lo tengo que poner todo?, he probado de las dos formas y me funciona igualmente

.blog-author-comment em{

color: #660000;

font-size:16px;

padding-right:5px;

font-weight:bold;

}

Lo que me fijé ayer, es que, a mi no me deja poner los emoticones y si quito el truco de la plantilla , si que me deja, sin embargo el resto de comentaristas si que puede ponerlos, a mi me quedan los símbolos sin más, si escribo como anónimo si que se ponen

Rosa, te estoy muy agradecida por tu tiempo, que imagino que mucho no tendrás
Un abrazo; 22/11/10
Anónimo: ♥ Ana Es raro que funcione lo del sin el código que ya tenías :O no obstante si estás segura de que así es, puedes retirarlo.

Para lo de los emoticones, creo que son los de Yahoo que explico en otra entrada, deberás modificar el script, pues cuando lo publiqué no se me ocurrió contemplar la posibilidad de los comentarios diferenciados...

Tendrías que en esta línea del script:

var d = [], i=0, def = ['post-body','entry-content','comment-body'];

añadir lo que ves en negrita:

var d = [], i=0, def = ['post-body','entry-content','comment-body','blog-author-comment'];

Y después volver a alojarlo y enlazarlo de nuevo.; 22/11/10
♥ Ana: Rosa, ¿hay algo que tú no sepas hacer?, chica, eres una joyita, ¡¡me lo has solucionado!!, espera, abre los brazos en cruz y, voy corriendo a pegarte un abrazo enorme, :D, muchas, muchas gracias, me lo has solucionado todo,te debo una o varias, jajaja
Mis emoticones si que son los tuyos de Yahoo, te los cogí prestados,jejeje ;), lo que pasa que, cambié la zona donde los coloqué, miré ésta otra entrada tuya:
http://elescaparatederosa.blogspot.com/2010/04/emoticonos-de-skipe-en-blogger.html

Y los coloqué donde dices ahí, de la otra manera no me quedaban justo encima del rectángulo de los comentarios y probé a cambiarlo siguiendo tus indicaciones dadas a otros comentaristas y nada, de ésta forma me quedan genial, no se si he hecho bien mezclando los dos truquillos pero,¡¡funciona!!, sólo hay un emoticón que no se pone,es el último, cuando pongo su código, me sale el segundo emoticón , pero ya miré tus respuestas y parece que no es tan fácil cambiar el código de un emoticón sin cambiar todo el script, así que nada

Bueno, ya te dejo en paz una temporada, mil gracias, de corazón; 22/11/10
♥ Ana: Ahhhhh, por si acaso, voy a dejar todo el código para que funcione bien lo de resaltar el nombre del comentarista, no vaya a ser que meta la pata
Un abrazo; 22/11/10
Anónimo: ♥ Ana Si, claro que lo hay... aunque de lo que explico aquí la verdad que procuro saber y tener controlado lo que publico y si no es así, no lo hago y aún así hay cosas que se me escapan o no me salen... je,je.

Gracias a ti!!!; 23/11/10
Pablo Sánchez (Aracno Natura): :(( Rosa, he probado a hacer esto de destacar los nombres, pero después de realizar todo y poner el nombre entre los codigos "em" me sale solamente en cursiva, sin colores y sin nada más.

Mi plantilla no es de blogger, es pillada de internet por lo que en el paso de "Destacar los comentarios del autor del blog". no me salía todo igual que indicas, había algunos cambios, pero aún asi creía haberlo hecho bien.

Pero está claro que no es así, sabrías decirme en que puedo estar fallando?

Muchísimas gracias por tu ayuda y disculpa las molestias.

Un saludo!; 1/12/10
Anónimo: DeVeSt Podría ser en cualquier cosa, pues esa plantilla no sigue los standars de Blogger y tiene en la zona de comentarios diferentes ids y demás... no puedo ayudarte, lo siento, pues seguro tendría que descargarme la plantilla y tratar de adaptar el tema a sus códigos, cosa que en me es imposible hacer con cada uno... discúlpame.; 2/12/10
Pablo Sánchez (Aracno Natura): No te preocupes Rosa, te entiendo perfectamente, demasiadas consultas tienes a diario como para ponerte ahora a toquetear plantillas de otros blogs jejeje.

Aún así muchísimas gracias por tu respuesta y por las molestias tomadas.

Un saludo!; 2/12/10
Dubside: Hola Rosa hace mucho implante este truco en mi blog fandubeando, pero hace poco implemente el de los emoticones como los tienes aqui en tu blog y pues hay un usuario que ha posteado en una de las entradas y sale despues de su comentario este codigo que pones, el post es <a href="http://fandubeando.blogspot.com/2010/07/utakata-hanabi-supercell-lyrics-ending.html> este </a>
si me pudieras ayudar por favor te lo agradeceria, hasta ahora lo que logre fue si elimino uno de los trucos todo va bien pero quisiera conservar ambos ¿que debo hacer?.; 27/12/10
Anónimo: Dubside No veo lo que dices... supongo que porque has eliminado el truco de los emoticonos... de todos modos, yo en mi blog no he publicado como colocar los emoticonos tal como yo los utilizo aquí, es un truco de Vagabundia... además yo uso los dos, es decir, los emoticonos y el destacar el autor, sin problemas... no se que decirte, más que si usas este mismo truco de los emos, preguntes en Vagabundia...; 27/12/10

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.