Cómo firmar tu blog con tu firma o elemento de página

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Firma en tu blog con un gadget o elemento de página

Previamente aprendimos a insertar una firma personal, así como una firma para diferentes autores en el blog.

Se me ocurrió provar con un método más sencillo y afortunadamente lo conseguí.

Para crear tu firma usaremos la herramienta Mylivesignature.

Una vez creada, necesitarás alojarla en un servidor, como puede ser imageshack o photobucket.

Diseño>Añadir gadget (elemento de página)>html-javascript

Seguidamente pega este bloque de estilo:

<style>
.post-body{
background: transparent url(URL DE TU IMAGEN) no-repeat bottom right;
padding: 5px;
}
</style>

Sustituye URL DE TU IMAGEN por la dirección de tu firma o imagen y guarda el gadget.

Si no sabes cómo obtener la URL de una imagen mira esta entrada.

Nota:

Si realizas estos pasos y la firma no aparece en tu blog no te preocupes. Se debe a que tu plantilla tiene asignado un nombre diferente para el bloque de entradas (post-body).

Deja tu comentario y podré ayudarte a insertar la firma.

Read More

Agrega una firma en el blog

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en trucos blogger. ! Ve la entrada en su blog original.

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!

Read More