Para personalizar el nombre del autor del blog es muy sencillo.Con unas pocas líneas de CSS que le apliquemos obtendremos un estilo diferente,le podemos cambiar el color el tamaño y el tipo de letra,aprovechando una clase que ya está incluida en la plantilla por defecto, incluso en las nuevas plantillas de diseño tambien.
Para realizar lo hablado nos dirigimos a :
Diseño>>> Edición de HTML >>> Expandimos artilugios
Para una busqueda mas rapida presionen Ctrl+F y pegan lo que quieran buscar.
Veremos que tenemos dentro del código de la plantilla algo como este codigo:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
Este código es el que pertenece al autor del blog, y es el que tiene que ver con que se muestre nuestro nombre en Blogger como firma de entradas.ejemplo plublicado por Jorge
Si nos fijamos, vemos que la etiqueta que muestra la firma <data:post.author/> ya tiene añadida una clase delante <span class='fn'> vamos a usar esa clase para controlar el diseño de nuestra firma y cambiarle el tamaño de fuente,tipo de fuente y el color del texto.
Para esto solo nos queda incluir el CSS de nuestra plantilla -antes de ]]></b:skin>
.fn{
text-transform:none;
font-size: 14px;
font-family:Verdana;
color: #7FFFD4;
}
- Puedes editar el tamaño del texto aumentando o disminuyendo la cifra 14 de la línea font-size: 14px;.
- Para cambiar el tipo de fuente, reemplaza Verdana por el nombre (Arial, Comic Sans Ms, Trebuchet Ms
- Y por último, el color del texto. Reemplaza #7FFFD4 por el código del color que más te guste ( puedes utilizar la tabla de colores)
0 comentarios:
Publicar un comentario