Tutorial:Cómo cambiar el color de fondo del blog por una imagen

-
Hola ,amigos Bloggers! Hoy vamos a cambiar el fondo de nuestro blog por una imagen,para ello seguiremos estos pasos:


1.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla.
(Plantilla→Crear/Restablecer copia de seguridad)

2.Entramos en → plantilla→Editar HTML y buscamos (Pulsando Ctrl+F):

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor;
font-family: arial,verdana,helvetica,tahoma;
font-size: 100%;
width: 100%;
}

3.Ahora cambiamos lo que está en rojo por este código:

background: url(URL de la imagen) no-repeat;
background-attachment : fixed;


*Sólo cambiamos donde dice (URL de la imagen) por la dirección donde está alojada la imagen de fondo que vamos a usar.

Comentarios

Publicar un comentario

Entradas populares de este blog

Tutorial: Cómo insertar tablas en las entradas de Blogger

-
Imagen
Hola ,amigos Bloggers! Hoy vamos a hacer un pequeño tutorial sobre como insertar tablas en las entradas de Blogger. 1.Lo primero que tenemos que hacer es crear una entrada nueva,y en los botones de arriba de la izquierda, le damos clik en el que dice HTML . 2.Copiamos este código HTML , que lo usaremos para insertar nuestra tabla: <table bgcolor ="#f3e3db" border ="2" cellpadding="5" style="width: 100%;"> <tbody> <tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr> <tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr> </tbody> </table> 2.Y nos quedaría así: Texto o imagen 1 Texto o imagen 2 Texto o imagen 3 Texto o imagen 4 3.Si queremos podemos cambiar el color de fondo o el grosor del borde: → bgcolor:  Es el color de fondo. → border: el tamaño del borde 4.Y ya tendremos instalada nuestra tab
Sígue Leyendo ➡

Ocultar el mensaje de "mostrando entradas con etiqueta..." en las plantillas nuevas de Blogger

-
Imagen
Hoy vamos a hacer un pequeño tutorial muy fácil sobre cómo ocultar "Mostrando entradas con la etiqueta..." en la nuevas plantillas de Blogger. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla (Plantilla→Crear/Restablecer copia de seguridad) 1.Ahora vamos a: Diseño → Personalizar → Avanzado → Añadir CSS. 2.Ahí copiamos el código: div.post-filter-message div { display: none; visibility:hidden; } 3.Por último, guardamos los cambios y ¡listo!
Sígue Leyendo ➡