sábado, 2 de enero de 2016

Tutorial: Fijar fondo o Background en blog de Blogger

No hay comentarios

Información

Por definición cuando entramos en un blog de la plataforma Blogger, y accionamos la rueda del ratón para bajar por la página, vemos que todo el cuerpo del blog se mueve también, tanto el fondo o background como el cuerpo central y los sidebar laterales.

Este comportamiento no resulta demasiado molesto si el  fondo es del blog es de un color determinado, pero si el fondo es una imagen, o como en mi caso un pattern (imagen que se repite y queda como un fondo uniforme) el efecto puede resultar molesto a la vista, aparte de que queda más elegante que lo que se mueve sea el cuerpo central del blog y no todo el conjunto.

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Para conseguir aplicar esto a nuestro blog iremos a

 Configuración de nuestro blog - Plantilla - Editar HTML.


En la ventana de edición de HTML de nuestro blog clicamos en el centro y pulsamos la combinación de teclas Ctrl + F, entonces se nos abre en la parte superior derecha un campo de búsqueda donde copiaremos body { y daremos a Enter de forma que en el cuerpo del HTML quedará resaltada esta linea.


Después de esta linea veremos el background o fondo de nuestro blog y justo a continuación insertaremos la siguiente linea

background-attachment: fixed;

 Hecho esto clicaremos en Vista previa de la plantilla, y si vemos que todo está correcto ya podemos darle a Guardar plantilla, y comprobar al ir a nuestro blog que el cuerpo central y las sidebar del mismo se mueven independientes del fondo.




Si te gustó el post comparte en redes sociales

No hay comentarios :

Publicar un comentario en la entrada

Anímate a dejar un comentario, es la mejor manera de interactuar y ayudarnos a mantener el blog actualizado.