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 == "TU NOMBRE"'>
<!-- 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.
¿Problemas al comentar? Utiliza 
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!!!
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. ☺
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
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!
Esto era justo lo que yo buscaba y te pregunté, así que muchísimas gracias!!!.
Andrea, mucha gente me había preguntado por este truco y decidí publicarlo cuanto antes para que pudiéseis aplicarlo en el blog. ☺
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
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 ;).
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?
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.
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
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.