Incluir una firma o imagen en el pie de todas las entradas del blog es algo muy atractivo, así como incluir diferentes firmas para un blog con más de un autor.
Pensé que aplicar este mismo truco a los comentarios de un blog podría ser aún mejor ya que en una respuesta u opinión del autor, el resultado es aún más interesante...


Busca este bloque en tu plantilla:
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
Ahora añade este otro justo encima:
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/><br/><img src='URL FIRMA' style='float:right;'/></p>
</dd>
<b:else/>
</b:if>
Reemplaza URL FIRMA con la dirección de la imagen, el icono o la firma que aparecerá al pie de todos tus comentarios publicados.
Para generar la firma que ves en el ejemplo utilicé el servicio MyLiveSignature, que nos permite, en unos pocos pasos, obtener una preciosa firma (está en inglés por lo que si tuvieses dificultad para entender alguna indicación, avísame).
En caso de tener un blog con varios autores, incluye este otro código, tantas veces como autores tenga la bitácora, en lugar del anterior:
<b:if cond='data:comment.author == "NOMBRE DEL AUTOR"'>
<dd class='blog-author-comment'>
<p><data:comment.body/><br/><img src='URL FIRMA' style='float:right;'/></p>
</dd>
<b:else/>
</b:if>
Y reemplaza URL FIRMA tal y como comenté anteriormente. Debes sustituir NOMBRE DEL AUTOR por el nombre del autor tal y como aparece en su perfil de blogger (con mayúsculas, acentos o carácteres especiales si los tiene).
La firma aparecerá en la esquina inferior derecha del comentario. Para mostrarla en la esquina inferior izquierda edita el atributo float:right; en el código así: float:left;.
Guarda la plantilla y habrás terminado.
Sin palabras. Gran entrada y gran conocimiento el que tienes. Gracias!
Holitas! pues no me funciona... sera que uso ventana emergente???? :(
hola Jaime, me encanta este truco, una pregunta: ¿la URL FIRMA es la ID que te dan en la pagina esa que as puesto para generar firmas?
Muchas Gracias
hola de nuevo Jaime, he estado buscando la zona de la plantilla deonde tengo que copiar el codigo y no la encuentro. Esto es algo que me ha pasado ya antes, de no encontrar el codigo donde tengo que pegar el codigo de la entrada. ¿Es normal, depnde de cda plantilla?
saludos jaime, oye!! aplique el truco, pero me aparece doble comentario, aque se debera? porfa ayudame
hola jaime; ami por que se me duplica el comentario?
Muchas gracias Clarai, me alegra mucho que te guste.
Así es, PXLaura. Si utilizas el formulario de comentarios en ventana emergente, la firma no aparecerá. Únicamente podrá verse en los comentarios bajo las entradas.
Alex494, para obtener la URL de tu firma debes descargar la frase generada a tu ordenador y una vez la tengas en tus documentos, subirla a un alojamiento como puede ser el propio blogger (una entrada). Copia su dirección y utilízala en el código.
Alex494, el comentario puede duplicarse si tu plantilla posee ya el código que describe las propiedades de un comentario perteneciente al autor del blog.
Con la plantilla de artilugios expandida, busca este término: blog-author-comment (pulsando Ctrl y F para abrir el buscador).
Si la etiqueta aparece más de una vez avísame.
EL TERRY, sigue los pasos que cité en el comentario número 10 de esta misma entrada y avísame en caso de encontrar doble etiqueta.
Como siempre, tan interesante... Genial Jaime, genial!.
Gracias guapetón
Hola Jaime
¡¡ Eres la caña¡¡ Lo haré.
Fuen
¡Ya me contarás, Fuentecillas! Abrazos.
Muy bueno Jaime, me ayudas mucho con tus trucos. :D
Poder inlcuir una firma en los comentarios es maravilloso. Me alegra mucho que te gusten mis artículos, Gustavo.
Muchísimas gracias Laube. Por cierto, olvidé comentarte acerca de tu artículo "Tarta de tres chocolates fallida y cómo aprender de los errores", ¡es buenísimo! Lo apuntaré ya que a nosotros también se nos deshacía la tarta.
jajajajajajaaj Jaime. Me alegra que te sirva mi fracaso con la tarta. Por eso lo escribí, para que ayudase a otros. Me alegra que realmente sirviera...
Un besote
Pues espero que vuelvas a escribir otros artículos como ese, Laube. ¡Ayuda un montón!
Abrazos.
Holaaaaa, hoy estoy que me llevo todo lo que pillo por tu blog jajaja, ya hice lo de "Disminuir la distancia entre los enlaces de navegación y el formulario" y ahora, acabo de poner una firma en los comentarios
Estoy modificando toda la zona de los comentarios, poco a poco va quedando a mi gusto.
Hoy, como tengo tiempo , sigo en tu blog curioseando , a ver si puedo hacer alguna cosilla más en el mío
Muchísimas gracias por todo
Besazos
Jaime, vuelvo por aquí, he modificado la anchura de mi formulario de comentarios y he puesto algo más grande la imagen o avatar de los comentaristas, el problema es que se me junta mucho la imagen con la famosa palabra "Dijo...", ¿se puede separar de alguna manera?, a ver si quito también el dijo que me tiene hartita, jejejeje, ya lo he mirado en tu blog
Muchos abrazos y mil gracias
Queda de maravilla Ana. Para solucionar el problemilla con la distancia del avatar en los comentarios agregaremos un márgen con CSS y alguna otra propiedad...
Incluye este bloque antes de la etiqueta ]]></b:skin>:
#comments-block .avatar-image-container img {
border:1px solid #CCCCCC;
height:48px;
margin-right:16px;
width:48px;}
Ten en cuenta que modifiqué el tamaño de los avatares, modificando valores de altura (height) y anchura (width).
Gracias a ti por escribir siempre de manera tan agradable.
¡Un abrazote!
¿Sí no tengo el código del "DD"?... ¿Dónde lo ubico?, porque no lo encuentro... ni nada parecido...
Onalem, ¿En que blog desearías aplicar el truco? Mucho me temo que pueda utilizarse en las nuevas plantillas que ofrece blogger en el diseñador de plantillas pero trataremos de buscar una solución.
Jaime, llevaba tiempo queriendo poner una firma. La he generado con la página de Live Signature, pero a la hora de lucirla no sale. He marcado la opción de la firma en la plantilla, pestaña de blog y sigue sin salir. ¿Qué debo hacer para que se vea?
Hola Silvia. Lo más probable es que se deba a la dirección de la firma. ¿Podrías enviármela? Tal vez hayas incluido una URL incorrecta sin darte cuenta.
Debes saber que es necesario descargar la firma de dicho sitio web y subirla a blogger (utilizando una entrada de prueba que posteriormente eliminarás) para obtener la URL válida.
GENIO! Gracias! :)
¡Gracias a ti por comentar, Baño!