Poner imagen de fondo en Blogger

Plantillas nuevas Vamos a Editar HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► Localizamos un código como el siguiente: <Variable name="body.background" description="Body Background" type="background"        color="$(body.background.color)" default="$(color) none repeat-x scroll top left" value="$(color) none repeat-x scroll top left"/> Lo eliminamos y en su lugar ponermos éste: <Variable name="body.background" description="Body Background" type="background"        color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#539bcd url(http://www.blogblog.com/dots_dark/bg_minidots.gif) repeat fixed top center"/> La parte resaltada es la URL de la imagen; la cambiamos por la que queremos colocar. Con la característica repeat hacemos que la imagen se repita horizontal y verticalmente, a todo lo ancho y largo del fondo del blog. Con la característica fixed logramos que la imagen quede fija mientras el blog se desplaza. Plantillas antiguas Vamos a Editar HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► 2.- Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (Search), una línea del mismo: body {   background:$bgcolor;   margin:0;   color:$textcolor;   font:x-small Georgia Serif;   font-size/* */:/**/small;   font-size: /**/small;   text-align: center;   } 3.- Agregamos lo que está resaltado, y el código deberá quedar así: body { background: url(Aquí la URL de la imagen) fixed repeat;   margin:0;   color:$textcolor;   font:x-small Georgia Serif;   font-size/* */:/**/small;   font-size: /**/small;   text-align: center;   } 4.- Las características con las que definimos posición y repetición de imágenes de fondo, son: Con el valor no-repeat la imagen no se repite. Con el valor repeat la imagen se repetirá horizontal y verticalmente, ocupando todo el fondo del blog. Con el valor repeat-x la imagen se repetirá horizontalmente. Con el valor repeat-y la imagen se repetirá verticalmente. Con el valor fixed, la imagen será fija, sin él se desplazará con el contenido. El valor top define la posición de la imagen: con left la ubica a la izquierda, con right a la derecha y con center al centro. En nuestro caso hemos utilizado fixed y repeat, para que la imagen ocupe todo el fondo del blog y permanezca fija. Un ejemplo: aquí

Poner imagen de fondo en un blog

Vamos a Edición de HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► 2.- Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (Search), una línea del mismo: body {   background:$bgcolor;   margin:0;   color:$textcolor;   font:x-small Georgia Serif;   font-size/* */:/**/small;   font-size: /**/small;   text-align: center;   } 3.- Agregamos lo que está resaltado, y el código deberá quedar así: body { background: url(Aquí la URL de la imagen) fixed repeat;   margin:0;   color:$textcolor;   font:x-small Georgia Serif;   font-size/* */:/**/small;   font-size: /**/small;   text-align: center;   } 4.- Las características con las que definimos posición y repetición de imágenes de fondo, son: Con el valor no-repeat la imagen no se repite. Con el valor repeat la imagen se repetirá horizontal y verticalmente, ocupando todo el fondo del blog. Con el valor repeat-x la imagen se repetirá horizontalmente. Con el valor repeat-y la imagen se repetirá verticalmente. Con el valor fixed, la imagen será fija, sin él se desplazará con el contenido. El valor top define la posición de la imagen: con left la ubica a la izquierda, con right a la derecha y con center al centro. En nuestro caso hemos utilizado fixed y repeat, para que la imagen ocupe todo el fondo del blog y permanezca fija. Un ejemplo: aquí Nota: Este tutorial es aplicable a plantillas antiguas. Para plantillas nuevas ver: Imagen de fondo para plantillas nuevas Twittear

Índice Edición HTML
Poner imagen de fondo en un blog	Cambiar enlaces pie de página
Eliminar enlaces pie de página	Eliminar 'Publicado por'
Eliminar fechas	Eliminar la hora
Efecto subrayar links	Eliminar barra superior
Evitar copias de blogs	Ocultar o eliminar sidebar
Eliminar y reemplazar cabecera	Ícono para barra de direcciones
Centrar títulos posts	Ensanchar blog
Cambiar color fondo posts	Color fondo sidebar
Agregar una sidebar	Color fondo de comentarios
Personalizar firma pie de posts	Personalizar fechas de los posts
Diseñador de plantillas de Blogger	Crear página de inicio o Portada
Eliminar enlaces a autores de plantillas	Cambiar de sitio la sidebar
Centrar imagen de la cebecera

◄Anterior | Siguiente►