lunes, 6 de marzo de 2017

Colocar Pie de Pagina Personalizado en blogger


Entra a Plantilla | Edición de HTML y antes de </body> pega esto:
<div class='footer-wrapper'>

NOMBRE DEL BLOG &#169; 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 negrita. En la segunda línea figuran el aviso legal y la política de uso, pero pueden ir otros enlaces. 
 &#169: es el símbolo de copyright © escrito en HTML.
 20xx: es el año en curso a falta de los dos últimos dígitos.
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*/
}
Al terminar podrán modificar el código anterior CSS para personalizarlo a su gusto. 
Compartir:

PAG WEB de Farmacia con HTML5 y CSS

Interfaz Principal de la Página Tamaño de Escritorio: Tamaño de Tablet: Tamaño de Celular Movil: Armado de l...