Tutorial Blogger: Cómo poner un pie de página que ocupe todo el ancho del blog



HTML

Vamos a Plantilla → Editar HTML y buscamos lo siguiente:


</body>


Justo encima, vamos a pegar el siguiente código:

<div class='footer-wrapper'>
All Lives are Books &#169; Úrsula Cortès 2015 | Todos los derechos reservados<br/><a href='URL'>Aviso Legal y Política de uso y privacidad</a><br/>
</div>

♥ De color lila, encontrareis el texto de la primera línea, lo cambias por vuestro título y nombre y ya está. 
♥ El de color Verde es el símoblo de copyright, que es así como se escribe en HTML.

♥ El de color naranja está el URL que nos llevará a la política legal. 


CSS

Vamos a Plantilla → Personalizar → Avanzado → Añadir CSS y pegamos lo siguiente:


.footer-wrapper {

background: #333333; /*Color de fondo del pie de página*/

padding-top30px; /*Con esta línea y la siguiente ajustamos la altura, para que quede bien, los dos valores deben ser iguales*/
padding-bottom: 30px;
width: 100%;
text-align: center;
font: normal normal 12px Arial; /*Tamaño y tipografía*/
color: #ffffff; /*Color del texto*/
letter-spacing: 2px; /*Espaciado entre caracteres(letras), si no queréis borrar la línea*/
text-transform: uppercase; /*Para que las letras estén  en mayúsculas, si no queréis borrad la línea*/
}



.footer-wrapper a{

  color:#cccccc; /*Color del enlace (en este caso el aviso legal)*/
  text-decoration:none;
}



.footer-wrapper a:hover{

  color:#ffffff; /*Color del enlace al pasar el ratón por encima*/
}





¡Bueno, espero que os haya gustado esta entrada!
Comentad!
♥  

2 comentarios:

  1. disculpa estoy probado a realizar tu tutorial, pero aunque si queda abajo de todo deja un espacio pequeño entre el pie de pagina y el fondo de la pagina y los margenes a los lados me queda mas corto, eso lo corregi poniendo margenes pero no se si me puedes ayudar, veo que en tu blog quedo muy bien

    ResponderEliminar
  2. disculpa estoy probado a realizar tu tutorial, pero aunque si queda abajo de todo deja un espacio pequeño entre el pie de pagina y el fondo de la pagina y los margenes a los lados me queda mas corto, eso lo corregi poniendo margenes pero no se si me puedes ayudar, veo que en tu blog quedo muy bien

    ResponderEliminar

¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥ :$

Post nuevo Post antiguo Home