Nombre del autor en post-footer entradas

LuJo



Destacar el nombre del autor en el post-footer cambiando el tamaño, color o forma del resto de los elementos mostrados.



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

2. Control+F y buscamos algo similar a...

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


Ese código pertenece al autor del blog, y el que hace que se muestre nuestro nombre en Blogger como firma de entradas.
Si nos fijamos, vemos que la etiqueta que muestra la firma -<data:post.author/>- tiene añadida una clase delante -<span class='fn'>-

Usaremos esa clase para controlar el diseño de nuestra firma y cambiarle el tamaño de fuente y el color del texto.

3. Control+F y añadimos antes de ]]></b:skin> algo similar:

.fn{
font-size: 130%;
color: #106716;
}

- Se modifica font-size tamaño del texto tanto en % como en px (píxeles).
- Se modifica color a gusto de cada cual.
- Se pueden añadir todas las órdenes que se nos ocurran relativas a texto o imagen.




 


UP