14/1/18

Cómo poner en el pie de página que esto es mío

¿Habéis visto mi pie de página? Ahí tengo puesto que el diseño y las entradas son mías y que si te quieres llevar algo menciones, porque está un poco feo llevarte cosas sin mencionar. ¿Queréis aprender a hacerlo? 



Lo primero que tenéis que hacer es ir a tema y al html, abrir el ctrl+f y buscar: </body> y justo encima tenéis que pegar esto:


 <div class='footer-wrapper'>Tu nombre&#169; Nombre del blog<br/><a href='URL'>Mensaje para dejar claro que está mal</a><br/></div>

Como siempre, lo rojo y lo azul lo podéis cambiar. Y ahora vamos a ponerlo bonito, añadiendo este CC. Tenéis que ir a Tema, personalizar, avanzado y añadir CC:

.footer-wrapper {
background: none; /*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 11px Arial; /*Tamaño y tipografía*/
color: #333333; /*Color del texto*/
letter-spacing: 3px; /*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*/
}

.header .widget {
 text-align:center;}
.header img {margin:0 auto;}


.footer-wrapper a{
  color:#333333; /*Color del enlace (en este caso el aviso legal)*/
  text-decoration:none;
}

.footer-wrapper a:hover{
  color:#333333; /*Color del enlace al pasar el ratón por encima*/
}


Como siempre, lo que está en con color es lo que podéis cambiar y toquetear, en mi caso no tiene fondo pero si queréis cambiar none por un color (siempre con #) y ya está. Espero que os haya gustado. Este código lo saqué de Miss Lavanda pero ya no existe, así que lo que hago es copiar directamente estos códigos de la plantilla de uno de mis blogs. 

No hay comentarios:

Publicar un comentario