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.

Firma en los comentarios de tu blog

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




Diseño>Edición de HTML>expandimos artilugios



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.

Clarai dice...

Sin palabras. Gran entrada y gran conocimiento el que tienes. Gracias!

PXLaura dice...

Holitas! pues no me funciona... sera que uso ventana emergente???? :(

Alex494 dice...

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

Alex494 dice...

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?

EL TERRY dice...

saludos jaime, oye!! aplique el truco, pero me aparece doble comentario, aque se debera? porfa ayudame

EL TERRY dice...

hola jaime; ami por que se me duplica el comentario?

Jaime Trujillo Escobedo dice...

Muchas gracias Clarai, me alegra mucho que te guste.

Jaime Trujillo Escobedo dice...

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.

Jaime Trujillo Escobedo dice...

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.

Jaime Trujillo Escobedo dice...

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.

Jaime Trujillo Escobedo dice...

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.

Laube Leal dice...

Como siempre, tan interesante... Genial Jaime, genial!.
Gracias guapetón

Fuentecillas dice...

Hola Jaime
¡¡ Eres la caña¡¡ Lo haré.
Fuen

Jaime Trujillo Escobedo dice...

¡Ya me contarás, Fuentecillas! Abrazos.

Redacción dice...

Muy bueno Jaime, me ayudas mucho con tus trucos. :D

Jaime Trujillo Escobedo dice...

Poder inlcuir una firma en los comentarios es maravilloso. Me alegra mucho que te gusten mis artículos, Gustavo.

Jaime Trujillo Escobedo dice...

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.

Laube Leal dice...

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

Jaime Trujillo Escobedo dice...

Pues espero que vuelvas a escribir otros artículos como ese, Laube. ¡Ayuda un montón!
Abrazos.

♥ Ana dice...

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

♥ Ana dice...

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

Jaime Trujillo Escobedo dice...

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!

Unknown dice...

¿Sí no tengo el código del "DD"?... ¿Dónde lo ubico?, porque no lo encuentro... ni nada parecido...

Jaime Trujillo Escobedo dice...

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.

●ѕιℓνια fιℓóℓogα● dice...

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?

Jaime Trujillo Escobedo dice...

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.

{ D a n i } dice...

GENIO! Gracias! :)

Jaime Trujillo Escobedo dice...

¡Gracias a ti por comentar, Baño!

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