Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Distinguir los comentarios del autor con un icono

Son muchas las personas que me han preguntado como poner un icono diferente en los comentarios del autor para poder, de manera más rápida, diferencierlos de los otros comentarios.

Así que... ¡aquí está el truco!

Antes de comenzar, debes aplicar en tu blog el truco para quitar los iconos de blogger (pero sin incluir un icono personal, como podemos hacer en el segundo paso).




Diseño>edición HTML>expandimos artilugios

Busca este bloque de código:

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


Y sustitúyelo por este otro:

<!-- Iconos para distinguir comentarios --><b:if cond='data:comment.authorUrl'>
<!-- autor reconocido -->
<b:if cond='data:comment.author == &quot;TU NOMBRE&quot;'>
<!-- mis propios comentarios -->
<img class='icono_comentario' src='TU IMAGEN'/>
<b:else/>
<!-- comentarios de los visitantes -->
<img class='icono_comentario' src='IMAGEN VISITANTE'/>
</b:if>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<!-- comentarios anónimos -->
<img class='icono_comentario' src='IMAGEN ANONIMO'/>
<data:comment.author/>
</b:if>

Incluye en cada caso...

TU NOMBRE: Por tu nombre o seudónimo con el que te registraste en blogger (debes escribirlo tal y como lo tienes en tu perfil de blogger).

TU IMAGEN: Por el icono o la imagen que aparecerá junto a tu nombre.

IMAGEN VISITANTE: Por el icono o la imagen que aparecerá junto al nombre de los visitantes.

IMAGEN ANONIMO: Por el icono o la imagen que aparecerá junto al nombre de los usuarios anónimos.

Nota:

Puedes encontrar iconos muy variados en Website bullets.

La seño Vanespecial dice...

ay Jaime, que llevo un ratazo y me quedo bizca...no veo el b if ese...solo veo b if, ...data linki o data caption...
me puedes orientar, sí está al principio, al final...uffff gracias!!!

Jaime Trujillo Escobedo dice...

La seño Vanespecial, prueba a buscarlo por líneas (ten en cuenta que no siempre es igual el código, pero almenos tiene que haber algunas líneas similares) usando el buscador de tu navegador. Puedes abrir el buscador apretando las teclas Ctrl y F.

Si sigues sin encontrarlo avísame. ☺

Marga dice...

Hola Jaime, te vuelvo a dejar el mensaje..... creo que no salió.
Decirte que me gustaba mucho el nuevo "compañero" que has puesto en la cabecera del blog jejeje.

Y preguntarte si habías recibido el mail que te pasé con una duda sobre la nueva plantila???
Si no lo recibiste, te lo vuelvo a mandar.

Gracias,
Marga

Jaime Trujillo Escobedo dice...

Marga, recibí tu email. En breve te responderé (parece una duda sencilla de resolver, pronto te ayudo) esque ando un poco corto de tiempo.

Me alegra que te guste el búho Listus. ^_^

¡Saludos!

Andrea dice...

Esto era justo lo que yo buscaba y te pregunté, así que muchísimas gracias!!!.

Jaime Trujillo Escobedo dice...

Andrea, mucha gente me había preguntado por este truco y decidí publicarlo cuanto antes para que pudiéseis aplicarlo en el blog. ☺

Ville dice...

Epa Jaime!!1 Como me le va? te dejo el link de mi blog Ilusión difusa para que veas el nuevo diseño, tu opinion es importante, además aun con esta plantilla no logro cambiar lo de distinguir el comentario del autor con una imagen distina.. sencillamente no identifico en el codigo donde esta la imagen de blogger :S

Jaime Trujillo Escobedo dice...

Ya veo... antes que nada debes configurar el formulario de comentarios incrustado bajo la entrada (tu blog tiene el de popup o ventana emergente).

Para configurar el formulario incrustado ve a Configuración > Comentarios > Ubicación del formulario de comentarios > Entrada incrustada a continuación

Así de sencillo. Quizás de esa forma aparezcan las líneas necesarias para realizar el truco ;).

- Silvia - dice...

Jaime, ¿por qué no me sale el truco? Lo hago una y mil veces, y con cuidado pero los iconos de blogger no desaparacen y me aparece el icono del visitante en todos los comentarios. Aquí te dejo una prueba.

¿Me ayudas? ¿Y por qué algunos trucos funcionan en algunas plantillas/blogs y en otros no?

Jaime Trujillo Escobedo dice...

Silvia, prueba a buscar un bloque de CSS similar al que te presento a continuación, con la casilla de mostrar todos los artilugios marcada:

#comments .blogger-comment-icon, .blogger-comment-icon {
background: url("/img/b16-rounded.gif") no-repeat scroll left center transparent;
line-height: 16px;
padding-left: 20px;
}

Una vez localizado, reemplázalo por esto:

#comments .blogger-comment-icon, .blogger-comment-icon {background: none;display: none;visibility: hidden;}

Guarda la plantilla para comprobar si el icono de blogger ha desaparecido.

Con respecto a tu icono, ¿Escribiste tu nombre tal y como aparece en los comentarios? Debe ser idéntico.

Ana Laura dice...

Bueno, como que me puse a trabajar en mis comentarios. Éste también lo apliqué, con muy buenos resultados. Muchísimas gracias (si después tienes ganas de darte una vuelta a ver como quedó, me encantaría) :D

besos

Jaime Trujillo Escobedo dice...

Me dejas sin palabras Ana Laura. ¿Buenos resultados? ¡Son ideales! Resulta muy elegante agrandar el propio logo de tu blog, la manzanita, en tus comentarios. Por cierto, me gustó también el efecto al pasar el cursor sobre cada opinión pues ayuda a enfocar la lectura.

Abrazos.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo