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.




 

Contenedor Feedburner

Contenedor Facebook

Contenedor Correo

Nombre:*
Email:*
Asunto:*
Mensaje:*
Verification No.:*
contact form faq


correounblogdelujo(arroba)gmail.com
unblogdelujo@gmail.com

FB por ovarios


Twitter en vena

Ico Tools

Twitter

Google+

Facebook

Feedburner

Youtube

youtube

Correo



UP