Volver a Inicio Suscribite a Rss
oct
30

Añadir FOOTER

El footer es la parte inferior del blog, en ocasiones muy desaprovechado, normalmente se suele poner información resaltante del blog como puede ser información del autor, tipo de plantilla empleada, antiguedad del blog y bueno todo aquello que creáis oportuno que vuestros visitantes deben saber a cerca de la construcción del mismo. Personalmente a mi no me gusta que el footer tenga un grosor grande ya que vi en algunas ocasiones que ocupa casi el mismo espacio que la pantalla principal, para gustos los colores, por ello vamos a ver como personalizar esta parte ya que no deja de ser menos importante que las demás.
A grandes rasgos esta es la estructura de la que estoy hablando, principalmente nos centraremos en el FOOTER.



Primer paso:(Comprobaciones previas)

Deberemos de ir a Diseño->Edición HTML y buscar las siguientes partes de código.

Primera parte:
#footer {
width:660px;
Segunda parte: 

     #outer-wrapper { 
     width: 660px;

Deberemos asegurarnos que los valores señalados en azul son los mismos, en caso contrario adaptaremos el tamaño del footer al mismo que outer-wrapper.

Segundo paso:(Añadir FOOTER)

Buscaremos la siguiente parte de código:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>

</div>

La sustituiremos por las siguientes líneas de código:
<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
</b:section>
</div>

Con esto lo que hemos creado el siguiente espacio:




Tercer paso:(Personalizar)

Añadir color o imagen de fondo al footer, lo haremos añadiendo la siguiente linea al final de:

#footer {
...
Aqui añadir la linea
}
Añadiremos una linea de la siguiente forma:

1. Si solo queremos añadirle color al fondo:

background-color: #CodigoColor;
2. Si queremos añadirle una imagen de fondo:

background-image:url('Url de imagen');
El atributo height:Tampx; indica el alto del footer por tanto podremos modificar su valor para adaptarlo a nuestro gusto.

Nota: Tener un poco de paciencia y ir modificando los valores hasta que el resultado sea de vuestro agrado, no esperéis obtener reltados perfecto a la primera, de todas formas si tenéis algun duda, hacer uso de los comentarios.