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

Esto es una especie de firma que se coloca en el "post footer" donde pone publicado por, es una firma que podemos diseñar en My Live Signature y ponerla en nuestro blog para que en vez de decir nuestro nombre salga la firma.

Diseño>edición HTML>expandimos artilugios

Busca este código:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

En ese código sustituye la etiqueta
<data:post.author/> por la url (dirección) de tu imágen o firma, agregando la línea que te muestro en verde:


<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><img style="border: none; background: transparent;" src="URL DE TU IMAGEN"/></span>
</b:if>
</span>

Si solo quieres que se vea la imágen o firma, y deseas quitar lo de "publicado por...", borra esta linea:


<data:top.authorLabel/>

Debes sustituir URL DE TU IMAGEN por la dirección de tu imagen o icono.

¡Así de sencillo!

Marga dice...

Hola Jaime, aquí sigo jejeje.....
He estado leyendo tu artículo y es que yo lo tengo puesto en FORMATO, PLANTILLA DE ENTRADA, sin más.

Crees que si lo hago como tu explicas siempre me saldrá al final ???

Gracias y gracias por tu paciencia !!
Marga

Jaime Trujillo Escobedo dice...

Hola Marga, así es, te recomiendo que lo pongas en el html en el post footer, esque en la plantilla de entrada no saldrá al final :-S en el post-footer (pié del post) aparecerá automáticamente :-D de todas formas si necesitas ayuda, aquí estoy para ayudarte en TODO lo que necesites :-) un abrazo0!! :-)

cargohe dice...

Gracias pero y si yo lo que quiero es decorar el nombre osea ponerlo en otro color y negrita como hago.

Jaime Trujillo Escobedo dice...

Hola cargohe, eso es fácil, verás, haces lo mismo, eliminas la línea de <data:post.author/> y en lugar de poner la línea de la imágen pones el nombre que quieres que aparezca cuándo dice: publicado por...

Si lo quieres en negrita, escribe el nombre así: <b>aqui el nombre </b>

y si lo quieres en color, escríbelo así:

<span style="color: rgb(CODIGO COLOR);">AQUI EL TEXTO</span>

Puedes encontrar miles de colores en la tabla de colores :-D


http://elbalcondejaime.blogspot.com/2008/10/tabla-de-colores.html

Ana Lucia "Kiinszy" dice...

Hola Jaime!
Me funciono muy bien esto de la firma
pero tengo un inconveniente..
Lo que pasa es que en mi blog somos diferentes autoras, y si pongo mi imagen,
cada que las demas publican algo sale MI imagen.
Me gustaria saber como hacer para que cada quien tuviera una imagen distinta.
¿me podrias ayudar?

por cierto tu blog esta buenisimo! :D
sigue asi :)

te dejo mi mail
kiinszy.ist.freak@hotmail.de

Espero tu respuesta =)

Jaime Trujillo Escobedo dice...

Ana Lucia "Kiinszy", preparo la entrada y la publico :-)

Marcus dice...

Hola Jaime, tengo un problemilla...es que no encuentro la línea en el código! Dónde puedo encontrarla?

Jaime Trujillo Escobedo dice...

Marcus, ¿en cual de tus dos blogs quieres incluirla?

Marcus dice...

En el principal,(El blog d'en Marc)

Jaime Trujillo Escobedo dice...

Marcus, prueba a buscar esta línea (que es el comienzo del código a buscar), al parecer tu plantilla la tiene con comillas dobles...

<span class="post-author vcard">

Recuerda que puedes buscarla facilmente usando las teclas Ctrl y F de tu teclado para abrir el buscador.

Si sigues sin poder hacer el truco, mándame tu plantilla (con los elementos expandidos) en un documento de Word por ejemplo, a mi correo. ☺

Marcus dice...

Ahora pone: Escrito por... i todo el URL de la firma!

Jaime Trujillo Escobedo dice...

Marcus, ya veo... al parecer la url está mal incluida. Prueba a realizar el truco de nuevo (edité un poco el tutorial).

Olvidé indicar en la entrada que, para que aparezca la firma debes incluir la URL de la imagen en un código de imagen.

Marcus dice...

Muchísimas gracias Jaime!! ya he puesto la firma i ha quedado perfecta!! gracias :-)

Jaime Trujillo Escobedo dice...

Marcus, simplemente hacía falta marcar con un color la línea de la imagen.

¡Es muy bonita tu firma! me alegro que la hayas incluido. ☺

Marcus dice...

Gracias otra vez y perdón por las molestias!

Jaime Trujillo Escobedo dice...

Marcus, ¿molestias dices? ¡para nada! encantado de ayudarte. ☺

Laube dice...

Hola guapetón:

He intentado lo que comentas, pero no sale la firma que me he creado en la web de My Live signature. Raro, no???
Por qué razón podría ser???
Un besote,
Laura

Jaime Trujillo Escobedo dice...

Laube, ¿Te refieres a que no se genera o no aparece en el sitio web MyLiveSignature? ¿O no aparece en el blog?

Te aconsejaría que cuando generes la firma, la guardes en tus documentos y la alojes en un espacio como puede ser Imageshack o TinyPic ;).

Laube dice...

Eso haré Jaime... A ver si tengo ganas de hacerlo y lo hago mañana... Si no me sale, te avisaré, a ver qué estoy haciendo mal.
Un besote guapo!

Jaime Trujillo Escobedo dice...

Laube, si se diera el caso de que siguiese sin funcionar, no te preocupes. Puedes mandarme el estilo de firma que te gustaría y yo la genero y alojo por tí :D.

Carol dice...

Hola Jaime! Perdona que sea tan insistente, esto también lo he intentado, pero no me aparece ninguno de estos códigos en mi plantilla, lo he intentado buscando el código pulsando ctrl+F pero no hay manera. Te he mandado un email para ver si podrías ayudarme, madre mía que complicado me está resulrando jeje. Gracias. Un saludo!

Jaime Trujillo Escobedo dice...

Hola Carol! Ya que puede que me retrase un poco al responder el email, preferiría ayudarte por medio de un comentario.

Verás, te voy a dejar con un procedimiento que núnca falla:

Diseño>edición HTML>expandimos artilugios

Busca la etiqueta <data:post.body/> y justo después inserta el código correspondiente:

<img style="padding-top: 6px; padding-bottom: 6px;" src="URL DE LA IMAGEN O FIRMA"/>

Reemplaza URL DE LA IMAGEN O FIRMA por la dirección de tu firma, como deberíamos hacer en el truco de esta entrada y haz vista previa para ver el resultado.

Si es de tu agrado, bastará con guardar la plantilla ;).

Carol dice...

Muchas gracias Jaime!! Creo que ya al fin lo he conseguido y lo que pasaba es que estaba haciendo una cosa mal, creo! Mil gracias!!

Besotes!

Carol dice...

Hola Jaime! Nada que no hay manera, creía que lo había conseguido pero no me aparece la dichosa firma, nose si es que pongo mal la url o que...
Oye y otra cosita, para sustituir donde pone "0 comentarios" por otra frase, que debo hacer?

Un beso y gracias!

Jaime Trujillo Escobedo dice...

Hola Carol, no te preocupes. Intenta enviarme tu imagen de firma (alójala antes en un servicio como puede ser TinyPic) y te mandaré el código para insertarla.

En cuando a lo de modificar el texto "X comentarios", te dejo con este apartado del Balcón en el que encontrarás varias entradas al respecto (entre las cuales está la de reemplazar dicha frase por una imagen o icono ;)).

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