Tema: cambiar fondo de blog (SOLUCIONADO)

[elmago]

Hola amigo: quisiera saber como cambiar el fondo de mi blog (http://rodriguez-medel.blogspot.com/), tengo un icono de una bici tamaño 32 x 32 de 1,45KB y he visto que se puede poner de fondo y queda como si fueran ladrillos con la imagen del icono osea en vez del color de fondo aparecen todo iconos enlazados. gracias y saludos

[Gepetto]

Primero tienes que subir la imagen a internet. Lo mejor sería crear un un nuevo post,subir la imagen y guardarlo como borrador (draft). Le das a "Edición de HTML" y copias la dirección de la imagen. Ej:

Código: [Seleccionar]

<img src="http://2.bp.blogspot.com/_-VteqEm_Xj1/S59guqsq5uI/AAAAAAAAAAB/R4UGuJlTyc0/s350/tuimagen.jpg" />

Luego te vas a "Diseño - Edición de HTML", buscas el estilo del "body", pegas la dirección de la imagen y añades "repeat". Ej:

Código: [Seleccionar]

body {
  margin: 0;
  text-align: center;
  min-width: 760px;
  background: #ffffff url(http://2.bp.blogspot.com/_-VteqEm_Xj1/S59guqsq5uI/AAAAAAAAAAB/R4UGuJlTyc0/s350/tuimagen.jpg) repeat;
  color: $textColor;
  font-size: small;
}

Guardas la plantilla y si lo has hecho bien tendrás el icono de fondo, estilo mosaico.

[elmago]

Hola amigo: este es mi body de la plantilla de mi blog (http://rodriguez-medel.blogspot.com/)

body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background: url (http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
  )

esta es la dire de internet donde he puesto la imagen para fondo de mi plantilla

<a href='http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>

Este  es el cambio que he hecho según tu consejo:

body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background: url (http://www.blogblog.com/_- <a href='http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>) repeat;


Ahora le doy a vista previa y me sale este mensaje de error:
 
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.
Te ruego me digas cual es el error, la plantilla es la Tic Tac Blue creada por Blogger.
Gracias por tu atención.

[Liamngls]

Es importante prestar atención a las cosas, esto es lo que tienes que poner (ya con la dirección de tu imagen):

Luego te vas a "Diseño - Edición de HTML", buscas el estilo del "body", pegas la dirección de la imagen y añades "repeat". Ej:

Código: [Seleccionar]

body {
  margin: 0;
  text-align: center;
  min-width: 760px;
  background: #ffffff url(http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  color: $textColor;
  font-size: small;
}

Guardas la plantilla y si lo has hecho bien tendrás el icono de fondo, estilo mosaico.

Y esto lo que has puesto tú (en rojo lo que sobra):

Este  es el cambio que he hecho según tu consejo:

body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background: url (-http://www.blogblog.com/_- <a href='-http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>) repeat;


Ahora le doy a vista previa y me sale este mensaje de error:
  
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.
Te ruego me digas cual es el error, la plantilla es la Tic Tac Blue creada por Blogger.
Gracias por tu atención.

[elmago]

Hola amigo: quizas soy corto de entendederas por lo que te ruego simplemente me digas si es correcto o no lo que yo interpreto. primero tu ejemplo aunque hallas puesto la direccion de mi icono es un ejemplo. segundo lo unico que tengo que hacer es borrar lo rojo que me indicas y dejar todo tal cual. el ejemplo es solo un ejemplo vale, lo unico que debo hacer es borrar lo que me indicas en rojo. gracias

[Liamngls]

Que conste que yo no te he dicho que seas corto ni nada parecido, a todos nos pasa que a veces no nos fijamos bien en las cosas y no tiene nada que ver con lo inteligente que uno sea.

Para colocar una imagen como fondo, un logo o lo que sea hay que incluir la dirección url de la imagen y no el código html para incrustar esa imagen que es lo que tú has hecho; el ejemplo que ha puesto Gepetto es solo un ejemplo en cuanto a la url de la imagen que es lo que tú tienes que cambiar para poner la url de la imagen que vas a usar; todo lo que está marcado en rojo sobra ya que eso te serviría para meter la imagen en una entrada.

Espero no haberte ofendido con el comentario anterior y si así ha sido te pido disculpas ya que no era mi intención hacerlo 

[elmago]

ves como tienes razon, no me se explicar bien, nunca me has faltado ni de coña alreves pues me has ayudado en lo que te he pedido gastando tu tiempo y para mi esto es muy valioso, ojala todas las personas fueramos asi, si vienes por zaragoza tienes cerveza gratis, ya te dire como me ha ido, ahora tengo que salir corriendo (la señora me esperaaaa) gracias y saludos.

[Liamngls]

Pues no la hagas esperar, ya nos cuentas si sale bien o no 

[elmago]

Hola de nuevo: hoy no es mi dia, me doy por vencido he hecho todo como te muestro y nada
lo dejare como estaba, es imposible.
lo que he hecho:
body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1  bh.jpg) repeat;

ME SALE ESTE MENSAGE DE ERROR

No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.


De todas maneras agradecido por tu tiempo.

[Liamngls]

  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1  bh.jpg) repeat;

Tienes mal la dirección de la imagen, está cortada al final, hay un par de espacios:

  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;