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-top: 30px; /*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!
♥ ♥