Personalizar el nombre del autor del blog

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)
Una ves hecho eso guardamos y hemos terminado.


Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

0 comentarios:

Publicar un comentario