/>
expr:class='"loading" + data:blog.mobileClass'>
El Jardín de Hadas

Colocar un Fondo Estático

Para situar nuestro fondo personalizado y que este no se repita (modo mosaico) sino que por mucho que bajes para leer las entradas siempre esté en el mismo lugar hemos de modificar nuestra plantilla HTML por lo cual recomiendo que hagáis una copia de seguridad antes y así asegurarnos que si algo sale mal podemos solucionarlo fácilmente.

No os asustéis es fácil si seguís los pasos y si queréis visualizar las imágenes más grandes pinchar sobre ellas.

Pasos:

- En el menú izquierdo de Blogger, nos dirigimos a Plantilla.

- Pinchamos Editar HTML.

- Buscar en nuestra plantilla (pincha en cualquier lugar de la plantilla y pulsa en tu teclado Ctrl+F) la etiqueta <b:skin> 

- Pinchamos sobre los tres puntos que se encuentra entre <b:skin>...</b:skin>

- Volvemos al recuadro de búsqueda y buscamos  /* Content



- Nos fijamos en el párrafo de abajo,

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

- Es lo que vamos a modificar para colocar nuestro fondo. Selecionamos todo el párrafo anterior (el de morado) y lo sustituimos por este otro (copia y pega desde aquí).

body {
background:url('aquí la url de tu imagen de fondo');
background-repeat: no-repeat;
}

- Donde dice aquí la url de tu imagen de fondo tenemos que pegar la url de la imagen (puede ser la url de los fondos de este blog). 

Lo ideal sería que descargaseis la imagen en vuestro ordenador y los subieseis a un servidor tipo ImageShack ya que si cogéis una imagen de internet y esta es modificada o eliminada la url dejará de funcionar y ya no se visualizará.

¡¡Cuidado!! no borrar las comillas  ' que enmarcan la frase.

- Ahora solo tenemos que guardar la plantilla.

Si las entradas salen con un fondo blanco y lo queréis totalmente transparente para que se vea el fondo completo seguid los siguientes pasos.



- Pinchamos en Plantilla del menú izquierdo de Blogger y seleccionamos Personalizar.
- En la nueva página, Diseñador de Plantillas de Blogger, nos dirigimos a la pestaña del menú Avanzado (1)


- En el nuevo menú, pinchamos en Fondos (2) y ahí, en los tres apartados, fondo exterior (3), fondo principal (4) y fondo de la cabecera (5) pincharemos sobre el recuadro para elegir el color pero en lugar de color elegiremos transparente.


- Aplicamos al Blog (esquina superior derecha de la página) y ya está!!

NOTA: 

Si como en las imágenes tus entradas quedan mal ubicadas puedes modificar su posición en la misma página, Diseñador de Plantillas de Blogger, sólo tienes que pinchar sobre el menú Ajustar ancho (1). Y mover las barras (2 y 3) hasta que quede vuestro gusto. Tras esto, solo queda Aplicar a Blog (4).


Si queréis una plantilla de tres columnas en este misma página, pinchar sobre Diseño en el menú izquierdo y elegir el primer recuadro de la línea inferior. Tras esto volver a Ajustar el ancho (paso anterior) si queréis que quede bien ajustado.

Espero que os sirva de ayuda y a que no es tan complicado?

Otros tutoriales:

- Fondo y contenido Responsive Desing.

Haznos saber tu opinión.

¿Quieres opinar?¿Tienes dudas? Anímate y escríbenos un comentario. Gracias


No puedo visualizar los comentarios y por tanto, contestar. Intentaré solucionarlo cuanto antes.
Si quieren preguntar algo, este es mi email: lundae@hotmail.com.

Disculpen las molestias