Con este truco podemos poner un pie de página al blog que ocupe todo el ancho del mismo. Es útil para poner los créditos o similares, y estéticamente queda bien.
- Ubicación: todo en plantilla.
1. Buscamos esta etiqueta </body> y justo encima pegamos este bloque:
<div class='footer-wrapper'>
NOMBRE DEL BLOG © NOMBRE DEL AUTOR DEL BLOG 20xx | Todos los derechos reservados<br/><a href='URL'>Aviso Legal y Política de uso y privacidad</a><br/>
</div>
Cambiar lo marcado en rosa. En la segunda línea figuran el aviso legal y la política de uso, pero pueden ir otros enlaces.
- ©: es el símbolo de copyright © escrito en HTML.
- 20xx: es el año en curso a falta de los dos últimos dígitos.
2. Luego añadimos el CSS en Plantilla → Personalizar → Avanzado → Añadir CSS
.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, si no queréis borrar la línea*/
text-transform: uppercase; /*Para que esté 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*/
}
Solo nos queda editar los parámetros y listo.
