Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

¿Cómo poner una imagen de fondo en el blog? -51-

1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:

body {
background:$bgcolor;
...
}

2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):

body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}

Explicación:
- El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
- El valor fixed, la imagen se desplazará con el contenido o será fija.
- El valor top left, la posición de la imagen.

Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.

Ver ejemplo aquí.

241 Comentarios:

Xaska dijo...

hola

me funciono, pero hay algo que no entiendo:
que en el titulo del blog, arriba, en la ventana, me sale la direccion de la imagen.

no sé si entendiste.
como puedo sacar eso, y poner el titulo que yo deseo? ojala respondas

Andrés dijo...

Hi.
Xaska: Acabo de visitar tu blog y veo que sale el título, no la dirección, supongo que ya lo has solucionado.
Si te refieres poner un titulo como una imagen, busca en mi blog: en Blogger (nuevo) y ahí lo encuentras.
Espero que sea eso lo que buscas.
Bye.
Gracias por la visita.

Ironforce dijo...

Hola.

Por algún extraño motivo no puedo añadir ninguna imagen como fondo. Estoy utilizando la nueva versión de blogger con una plantilla rounder cuyo encabezamiento ya he modificado.

En vez del código

body {
background:$bgcolor;
...
}

me encuentro con


body {
background:#123;
...
}

Cuando substituyo los códigos por la dirección de la imagen jpg nada sucede. Alguna idea?

Saludos y estupendo blog!

XnupoX dijo...

Justo la próxima clase que debo tomar para aplicar en mi blog... ñ_ñ

Muchas gracias, Andrew

XaludoX...

XnupoX dijo...
Este comentario ha sido eliminado por el autor.
XnupoX dijo...

Reemplaza lo del fondo por:

background:url
("http://img208.imageshack.us/img208/
8083/bg2fi7.jpg")repeat left;

Obviamente que la dirección de la imagen debe corresponder a la que te interesa.

XaludoX...

filoabpuerto dijo...

Hola Andrés
Te felicito por el blog

estoy intentando lo de "seguir leyendo"

intento hacer lo que me indican en otros blogs pero no lo consigo

consigo la primera parte: que aparezca la frase "seguir leyendo " en el post

pero luego el enlace no me sale

Bueno. Gracias de nuevo

Andrés dijo...

Hi.
Ironforce: Si sale con la plantilla que estas usando, si puedes haz un clic en ver ejemplo aquí.
La mayoria de las plantillas incluyen
body {
background:$bgcolor;
...
Este ejemplo es de la plantilla Minima y el $bgcolor viene hacer el color del fondo de la plantilla, y tu plantilla en vez de eso tiene #123 entonces tendrías que poner después de esto, seria asi: #123 url
(aqui la dirección de la imagen) ...
Probablemente lo estas poniendo junto hay un espacio entre #123 y url.

Xnupox: Que bueno que sea tu proxima clase.

Filoabpuerto: Que raro que no te salga, seria bueno que lo hagas con paciencia, en toodc aso si no te sale especificame el error que te sale.
Bye.
Gracias a todos por la visita.

Ironforce dijo...

Muchas gracias Andrés. Tenías razón, ya me funciona.

En cuanto termine de optimizar mi blog te animo a que le eches un vistazo.

Saludetes!

Javier Guipponi dijo...

Andres: simplemente muchas gracias, tu blog me fue de gran ayuda, creo que voy a combertírme en un usuario empedernido de este blog.


un abrazo grande y segui así

Senén dijo...

Amigo;
no hay forma que pueda poner de fondo una imagen grande, no entiendo que pasa, sigo los pasos indicados en tu excelente pagina.
Quiero poner en este blog:
http://grutadelcuore.blogspot.com/
que estoy comenzando a armar la foto caracteristica de Montevideo del Palacio Salvo en
http://www.raphaelk.co.uk/web%20pics/Uruguay/first/Palacio-Salvo.jpg
pero ni modo.
Si lees esto fijate que estoy haciendo mal cuando tengas tiempo.
Un abrazo y gracias por tu tiempo.
Senén

Andrés dijo...

Hi.
Javier: Que bueno que este blog te este ayudando y visita cuando quieras.

Senén: No te sale porque lo has puesto mal, fijate bien, el error es que te has olvidado de borrar el punto y coma (;) después de #ffffff. Entoces seria asi:
background:#ffffff url(...);
Asi que corrije ese pequeño error.
Bye.
Gracias a los dos por la visita.

yo no soy vos (por suerte!) dijo...

hola andres, quiero poner una imagen en el fondo y ya hice lo de copiar el codigo y funciona, pero el problema es que la plantilla solo admite una imagen del blogger viejo (http// photos1. bla bla) pero el nuevo blogger las fotos las sube como (bp bla bla bla) y bueno eso.
espero ayudaaaaaaaaaaaaaaaaaa.
gracias.

Jorgewic dijo...

Amigo Andrés

Quiero felicitarte y al mismo tiempo darte las gracias por tu blog, extraordinario, que me ha sido de mucha utilidad para darle un buen lavado de cara a mis blogs..., que los pobrecitos llevaban un año con la misma pinta. Ahora no los conoce ni la madre que los parió.

Si tienes tiempo, echales un vistazo, a ver qué te parecen. Te animo a que sigas en esta linea. Muchos te lo agradeceremos.

Un fuerte abrazo.

ciberlaxe dijo...

hola eh echo lo de poner una imagen de fondo y no me sale no se ve nadam ya tube que camnbiar la plantilla por una minima por que en las otras no salia lo de background:$bgcolor;
y despues de poner el codigo que as puesto y poner mi imagen que subi a my.imageshack, lo pongo para ver en vista previa y no se ve nada de nada sigue todo igual deberias de hacer un tutorial paso a paso para los que no tenemos ni idea, echame una manita aver si consigo aparender a hacer esto de poner imagenes de fondo
saludos

Andrés dijo...

Hi.
Ciberlaxe: Te cuento que a mi, me ha salido en todas las plantillas, probablemente estes cometiendo algun error y puede ser el siguiente: la direcion de la imagen de fondo de la imagen, la tienes que poner despues del background o sea asi:
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
entre el bgcolor existe un espacio y de ahi sigue la url, fijate en los espacios y al último hay un punto y coma, no antes.
Gracias por la visita.
Bye.

Claustandy dijo...

Holas, muchísimas gracias por publicar semejante ayuda, completamente ilustrativa y útil!!!

He subido la foto sin problemas, salvo por el tamaño, la foto que tengo está grabada con una resolución de 1024*985, pero cuando la subo como fondo aparece pequeña y no se extiende a lo largo de la plantilla.
Hay alguna forma de corregir esto?

Saludos...

Andrés dijo...

Hi.
Claustandy: He visto tu blog de prueba y me parece que haz subido tu imagen dandole un tamaño, porque en el blog se ve que tiene 300px por 214px (pixeles) y no va ha salir. En todo caso te recomiendo que lo subas en Photobucket. (10024 x 700)
En blogger se puede pero no le des un tamaño, seria en ninguno.
Gracias por la visita.

Alexis dijo...

Andrés, tengo otro problema... siempre que entro en editar HTML, por más que no haga ningun cambio (eso es lo raro) y pongo guardar plantilla o vista previa me sale este mensaje de error "Se ha encontrado más de un artilugio con el ID: HTML1. Los ID de artilugio deben ser exclusivos. " no entiendo el porque si no he hecho ningún cambio...
Desde ya muchas gracias, esta pagina es buenisima...
SalU2...

ininde dijo...

Me ha servido. He cambiado la imagen del fondo de la plantilla. Me ha quedado muy chulo. ¡Muchas gracias, Andrés! Ininde.

xuxita20 dijo...

QUIERO CAMBAIRLE EL FONDO AMI BLOGER TU MANDAS COMO UNIS CODIGOS PERO DONDE DEBO PONER ESSO CODIGOS
EH INTENTADO I No ME SALEN

Andrés dijo...

Alexis: Será algún código que esta mal pegado como por ejemplo: el ID: HTML1. Los ID de artilugio deben ser exclusivos, es decir que hay mas artilugios con ese id lo cual tienen que ser diferentes, osea id: html2, id: html3, etc.

Ininde: Que bueno que te haya salido muy bien. Gracias por la visita.

Xuxita20: Algunos pasos he obviado, tal es el caso quew primero tienes que subir tu imagen, te recomiendo a Photobucket, de ahi copias la url, es decir la direción de la imagen y luego haces todo lo que indico, simplemente tines que pegar lo que está de color azul, pero tienes que fijarte en el ancho y alto, ahi especifico las medidas. Mas clro no puedo ser, jejeje. Lee con calma y verás que te saldrá.
Gracias por la vista.

Anónimo dijo...

como haces para que tu blogg tenga un fondo solo por los lados pero en la mitad aya otro fondo me podrias decir gracias¡¡

Alexis dijo...

BUenisimo Andrés... muchas gracias por darme la solución al error que se me daba... solo tuve que cambiar un id HTML1 por un HTML3... muchas gracias... ahora puedo poner en practica todo lo que enseñas...

liberaTHOR dijo...

Mi plantilla;
body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;

Edito:

body {
background: $bgColor url (http://i11.tinypic.com/4kle1zt.jpg) v

Y me cambia el margen (no el fondo9 ¿por que causa?

Andrés dijo...

Liberathor: Debes estar haciendo algo mal, por elemplo en la parte de la url el primer parentesis debe estar junto, es decir asi:
url(imagen.jpg);
También es probable que te estes olvidando el punto y coma al final.
Gracias por la visita.

liberaTHOR dijo...

Andrés, me temo que el problema me viene por el código que está entre /*...*/ que viene a ser como estilo CSS (código en cascada). Al hacer vista previa, por un momento veo el fondo que he asignado tal cual tú me has indicado, pero después lo cubre de negro quedando el fondo de ese color, que es precisamente el que está asignando ese código en CSS.
He quitado líneas (al CSS) para anular esas asignaciones pero no me lo admite porque da error, después he visto que abajo del todo hay una opción de "Ver plantilla clásica" y ahí ya no aparece ese apartado entre /*...*/ pero no sé si con el curro que llevo hecho se me iría todo al garate. Otra opción sería copiar código, recuperar plantilla clásica y probar, y después según el resultado dejarlo o volver a pegar el antiguo, con el peligro de no saber si lo iba a perder todo o en parte como lo tengo ahora.
Como te digo, sí me pilla el fondo, lo puedo ver cuando carga página, así que eso es correcto, la pega está en que después carga encima el color negro; a ver si puedes volverme a echar una mano.

liberaTHOR dijo...

eJemplo de lo que digo y de como queda

No se ve la IMG de fondo ¿por que?

http://bomberosalcorcon.blogspot.com/

Andrés dijo...

Liberathor: Revisando tu plantilla todo esta bien.
Lo que pasa es que tu estas utilizando la plantilla Stretch Denim Light y no me habia percatado que en esta plantilla se tiene que hacer unas pequeñas modificaciones:
En #header-wrapper {, #header {, #content-wrapper {, #main-wrapper { y #sidebar-wrapper { tendrás que eliminar background-color: #191919;
Haciendo todo eso (lo mencionado anteriormente) te saldrá la imagen de fondo.
Gracias nuevamente por la visita.

Jandro dijo...

no se porque pero no me va como tu dices.
Tengo una plantilla 123 lo de color y la direccion es http://www.theory.org/~matt/digest/sample_image_collection/homer.jpg
Que tengo que escribir?

Andrés dijo...

Jandro: En tu caso sería asi: background:#123 url(http://www.theory.org/~matt/digest/sample_image_collection/homer.jpg
) fixed no-repeat top left;
Además se tiene que hacer algunas modificaciones.
Haz la prueba y luego me dices que tal te fue y hacemos las modificaciones correspondientes.
Gracias por la visita.

Gotas de Aire dijo...

Hola! Esta buenisima la data q hay aca, muchas gracias. Trato de poner una img como fondo y no hay caso che. Me podrias decir q estoy haciendo mal?

body {
background:$bgcolor url(http://gotasaire.hostinggratisargentina.com/imagenes/celmins-mar.jpg) fixed no-repeat top left;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

gracias!

Andrés dijo...

Gotas de aire: Estas haciendo todo bien, no te sale porque en tu plantilla has puesto un fondo de color melon o ladrillo, tendrias que borrar aquel fondo para que te salga el que quieres poner.
Asi que borra ese fondo y agrega el fondo que me mencionas, eso es todo.
Gracias por la visita.

Ivana dijo...

Querido Andres: Muy bueno tu sitio! tengo un problema y es que quiero subir una imagen como fondo de la sidebar. Es una imagen pequeña ya que es un patrón que me gustaría repetir. Cuando lo hago me lo repite solamente 1/2 vez para abajo y ahi se corta. En definitiva, aparece la imagen 1 vez y 1/2 y despues aparece un fondo liso. Gracias

Andrés dijo...

Ivana: Me imagino que cuando has agrgado la uimagen de fondo te sale por los costados, seguro que quieres que salga en todo el blog, si es asi se tiene que hacer algunas modificaciones, ya que tu usas la palntilla Thisaway (Rose), porque si usarias la plntilla Minima es mucho mas facil.
Hagamos una cosa dejame tu correo, para agregarte y tratare de actualizar este post (ver frecuentemente) sino te ayudo via messenger.
Por otro lado, en el caso de la sidebar tendríras que jugar con la imagen, es decir agrandarla, podrías usar Photoshot, o Microsoft Office Picture u otro.
Gracias por la visita.

Devil dijo...

La verdad que sos un genio!
Me quedaba el fondo en blanco porque había ingresado unos templates de seguridad donde no debía, pero finalmente lo logré! Aprendí a usar los comandos background, abrí una cuenta en imageshack y modifique (otra vez!) el tamaño de las columnas.
Los invito a que pasen a ver mi blog y dejen mensajes.
Yo creo que gracias a tu web cada vez me queda mejor el blog.
Más adelante voy a aprender a generar visitas, pero por ahora no me preocupa mucho eso.

Muchas, muchas, muchas gracias!

xagu dijo...

hola a mi me pasa lo siguiente
a mi no me aparece esto:
body {
background:$bgcolor;
...
}
me aparece lo siguiente:
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
que debo hacer?
gracias de antemano.

marcos888 dijo...

Hola Andrés, yo tengo un problema, yo cuando abro mi blog con firefox si que se me ve la imagen pero lo abro con el internet explorer no se me ve la imagen y no se si el resto lo ven. Ayuda porfavor y gracias por adelantado.

Marcos

Andrés dijo...

Devil: Gracias por la visita y que bueno que te esten saliendo bien los trucos.

Xagu: En la parte que pongo 3 puntos suspensivos me refiero que todavia hay mas código, asi que no te preocupes. Simplemente es como una referencia lo que importa es cambiar la parte del background.

Marcos888: Tanto en Firefox como en Explorer no veo la imagen, fijate bien lo que has hecho, creo que has pegado el codigo, ademas me parece que tines que hacer unas cuantas modificaciones. Si puedes me dejas tu e-mail para poder agregarte y asi ayudarte mas.

Gracias a todos por la visita.

Nex dijo...

Gracias!

Anónimo dijo...

hola chicos...
les cuento tengo una duda con el rep de mp3 de MySpace(el tipico rep,q tienen las bandas de rock ahi en MySpace, ese) me gustaria poder ponerlo en mi blog..
lo eh intentado muchas veces...sin tener buenos resultados
y lo unico q puedo ver, es una ventana en blanco, la cual...no emite ni un tipo de ruido...
em..la verdad nosé si se podra poner aquel rep ahi en blogger, pero si es asi...me gustaria q me dieran una ayuda por favor...
bueno saludos :)


Andrés Weibel
andres_weibel@hotmail.com

Anónimo dijo...

ola saves q no e podido poner la imagen la suvi a imageshack probe i no me resulta aveses se coloca blanco el fondo pero no me aparec la imagen
(¿sera por q le pongo vista previa?)
bueno grax ta re bueno el blog

Andrés dijo...

Nex: Gracias por la visita.

Anónimo: Dejame averiguar si se puede y si es asi publico acerca de eso.

Anomimo: Puede ser, seria bueno que me pases tu blog para revisarlo.

Gracias a todos por la visita.

Carlys.... dijo...

hola ke tal?
he intentado hacer lo del fondo
pongo todos los pasos, pero me sale en blanco el fondo
tengo una plantilla minima blue modificada en algunos puntos, le habia puesto que alternara colores, pero se lo saque, ahora itento ponerle un fondo y no sale, agradeceria mucho ke me ayudes, yo lo estoy poniendo asi:
body {
background:$bgcolor url
(http://img223.imageshack.us/img223/4347/red19dl8.jpg)
fixed repeat top left;
margin:0;
color:$textcolor;
font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

desde ya muchas gracias ^_^

Zargonath dijo...

nada andres que patoso soy no hay manera:

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor url("http://img401.imageshack.us/my.php?image=tapburzum3fm9.jpg") fixed no-repeat top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

gracias tio,

Andrés dijo...

Carlys: He logrado revisar tu blog y existen errores y no encuentro la solucion, probablemente algun codigo hayas borrado de casualidad.
Gracias por la visita.

Zargonath: El truco sale, que raro que no te salgo he revisado tu blog hasta el cansancio y nada que raro seguire intentando solucionar el problema el porque no te sale.
Gracias por la visita.

Carly, Zargonath: El truco si sale, he puesto un ejemplo y que raro que ha ustedes no les salga, seguire buscando el error.

Zed Maguius dijo...

hice todo al pie de la letra, bueno debo admitir q lo hice varias hasta q me salio....PERO...hay un pequeño detalle.. =/, el fondo esta ahi! (y es muy bueno por cierto) sin embargo un enorme fondo blanco lo tapa..:S.. q solo hacer ver de mi super fondo :S..las esquinas. Disculpe mi ignorancia tal vez sea un problema comun en la plantilla q uso..q debe..ser lo mas obvio pero quisiera..saber si se puede quitar..:S grax.

Eli dijo...

Hola...
No ha habido forma,
es que a mi en el background me sale lo siguiente:
background:#bca;
entonces... donde pongo lo de color azul... a continuación? la Url de la imagen, y no ha habido forma que me salga....
Me puedes hechar un cable?
Gracias
eli_h_v@hotmail.com
http://somriueselmillorquepotsfer.blogspot.com/

Anónimo dijo...

Hola Andres, gracias por toda la ayuda que tu pagina me brinda dia a dia. Con esto de imagen de fondo es con lo que tengo problemas, mira y dime que parte hice mal para que no se vea la imagen que puse:
body {
background:$bgcolor;url(http://games.tom.com/images/work/wlgame/0609/30/gt_01s.jpg)repeat top left;
Gracias de antemano :)

Alegna Russo dijo...

Hola Andrés soy asidua de tu pagina y siempre me funcionan tus consejos, pero esta vez no hay manera... te dejo la forma de mi plantilla a ver si te apiadas de mi y me dices donde es q tengo q poner la cosa, porque he estado leyendo los comentarios de tus usuarios y hechos las mil modificaciones y nada de nada, no es el espacio no es el ; en fin ayúdame por fissssssss
----------------------------------------------- */
body {
margin: 0;
text-align: center;
min-width: 760px;
background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #d8e7f78;
border-right: 6px solid #d8e7f7;
color: $postTitleColor;

Te lo agradecería en el alma si me dices como es que lo debo hacer... gracias...

Andrés dijo...

Anónimo: La forma correcta es la siguiente de tu fondo; background:$bgcolor url(http://games.tom.com/images/work/wlgame/0609/30/gt_01s.jpg) repeat top left;
Es decir que tu habias puesto después del bgcolor punto y coma y es al último de todo y otro detalle es que después de cerrar el parentesis existe un espacio.

Alegna: Lo que pasa es que le falta un punto y coma después del parentesis del background.
En caso de que no te resulte hay que hacerle una cierta modificacion por el tipo de palntilla que utilizas, si puedes me pasas tu e-mail para agregarte.

Gracias a los por la visita.

†Vania† dijo...

hola
acabo de hacer mi blog y la primera entrada no me aparece, sólo en archivos
me puedes ayudar??

http://vaniarquls.blogspot.com

Estrella dijo...

OLAS, YO TENGO LA PLANTILLA DENIM ,PERO CUANDO KIERO PONER EL FONDO SOLO SALE LA PARTE DE ABAJO COMO HAGO PARA KE LA PARTE DE LA CABEZERA TAMBIEN TEG FONDO

Anónimo dijo...

Hola Andres, soy la Anonima otra vez :) pase para decirte ke con las correcciones del punto y coma mas el espacio finalmente pude poner la imagen de fondo. Gracias por la ayudadita . Suerte en todo, estare por aca mas seguido.

Andrés dijo...

Estrella: Con respecto al plantilla Denim, me parece que hay que hacerle unas ciertas modificaciones para que salga la imagen completa. Tratare de publicar algo sobre esto o sino actualizare este post.
Gracia por la visita.

Anónimo: Se está para ayudar, gracias nuevamente por la visita.

(eu!) dijo...

pues a mi me debe faltar alguna coma, algun espacio, no se. no consigo que salga el fondo que quiero poner.

en html puse esto:

body {
background: url(http://img265.imageshack.us/img265/4878/wpfloral532fe2.gif)repeat;

Andrés dijo...

(EU!): Probablemente algoestes haciendo mal, por ejemplo: fijate en el espacio entre el parentesis
background: url(http://img) rep seria bueno que me pases tu blog para asi revisarlo bien.

Gracias por la visita.

Mina de Oropel dijo...

Hola... después de leer todos los comentarios y tratar de seguir los pasos para poner una foto de fondo en mi blog... y perder mi plantilla...:O(
Hoy, ante el temor de perder toda la información que subí en ella... prefiero recurrír a tu amable y bien dispuesta ayuda.
En html me aparece esto:
body {
background:#fff url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia,Serif;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
Supuse y cambié lo que esta entre parentesís y comillas por la direccción de mi foto... pero el fondo de mi blog aparece en blanco o, como me pasó, regresa a la plantilla original perdiendo modificaciones irrecuperables.

Ojalá me puedas ayudar antes de perder mi blog o lo que es peor: la paciencia, ja.
Muchas gracias.
Saludos Atentos.

Hugo :B Díaz dijo...

Hola

sabes, no me aparecen aquellos carcteres:

body {
background:$bgcolor;
...
}


será porque uso laplantilla scribe?
agrdecería tu respuesta, gracias

¸,ø¤º°`°º¤ø,¸II £üi§ $â£0ñiâ II¸,ø¤º°`°º¤ø,¸ dijo...

Andres, he hecho las modificaciones y me queda en blanco, te paso como me quedo asi me dices que estoy haciendo mal o si tengo que modificar algo en el codigo

body {
background:$bgcolor url(http://img47.imageshack.us/img47/3782/homerolm6.jpg) fixed no-repeat top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

kumara dijo...

BALLA GRACIAS AMIGOS EM VERDAD CON USTEDES ES MUY DIFICIL QUE ME EQUIBOQUE EN LO QUE AGO POR QUE A LA PRIMERA ME SALIO TODO LO QUE ME DESIAN .. AI QUE GRACIAS

Andrés dijo...

Mina de oropel: Me hubiera encantado que me dejaras la dirección de tu blog para revisarlo bien.
Lo que explico en este post tienes que hacerlo tal como lo indico: background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
quitale las comillas.

Hugo :B Díaz: Para la palntilla Scribe se tiene que hacer algunas modificaciones, sea para todo la palntilla o sino para la parte principal.
En este post doy una idea pero tratare de publicar ¿Cómo poner una imagen de fondo en las diferentes plantillas?

ø¤º°`°º¤ø,¸II £üi§ $â£0ñiâ II¸,ø¤º°`°º¤ø,¸: Esta bien lo que estas haciendo y visitando tu blog te ha quedado muy bien, lamento no haberte contestado en su momento.

Kumara: Gracias a ti por visitar.

Gracias a todos por la visita

Andrés dijo...

ø¤º°`°º¤ø,¸II £üi§ $â£0ñiâ II¸,ø¤º°`°º¤ø,¸:Simplemente agrega el código que te proporciono para que te salga la imagen en tu otra plantilla.

arekisu karubo dijo...

hola!

he puesto esto en mi blog tal y como tu me dices pero la imagen de fondo no sale! no se si sera un problema por la plantilla o algo..

body {
background:$bgcolor; url(http://i2.photobucket.com/albums/y36/cacote10/mana5.jpg) fixed no-repeat top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Nicolas Nogues dijo...

hola.
a mi tambien me paso lo mismo qe "arekisu". hago toda las instrucciones,me lo acepta ,pongo ver blog y esta tal como estaba antes. ¿qe podra ser??

espero respuestas mi msn es nicolas_nog@hotmail.com gracias por la atancion

Static-X dijo...

Ayudenme.
Cambie en fondo por una imagen, pero cuantro entra la gente me dicen que no pueden verlo, pero yo si puedo verlo que es lo que ocurre?

aqui esta el html

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:$bgcolor url(http://img240.imageshack.us/img240/2047/bgrsplatterrs2.jpg) fixed repeat-x;
url(”http://img240.imageshack.us/img240/2047/bgrsplatterrs2.jpg”) repeat-x;
margin:0;
padding:0;
font:80% Arial, Sans-serif;
text-align: center;
color:#FFFFFF;

korn_423@hotmail.com

Mi web es http://livenumetal.blogspot.com/

Andrés dijo...

Arekisu karubo: Esta todo bien lo que has hecho pegar el codigo en donde menciono pero te falto borrrar algo, en donde dice: background:$bgcolor; despues del color le agrgas es decir antes del punto y coma y lo has agrgado despues, es por eso que no te sale. Borra ese punto y coma que te esta sobrando porque al ultimo de la linea esta. Fijate bien en eso. Seria asi: background:$bgcolor url(imagen.jpg) fixed no-repeat top left;

Nicolas Nogues: Igualmente para ti, has lo que menciono en la respuesta anterior.

Static-X: Sera porque repites nuevamente el código. Fijate bien en eso porque solemnte s epone una vez y tu lo has puesto dos ves la URL (dirección) de la imagen.

Gracias a los 3 por la visita.

Ysik dijo...

Hola Andrés, soy fan de tu blog y siempre me ha dado buen resultado tus consejos pero esta vez ya estoy desesperada porque NO ME FUNCIONA!!!. tengo la nueva versión del blog y quería poner unas especie de flores y que me quedara como este blog: http://ferozal.blogspot.com/
Y como no sé cómo hacerlo, decidí hacer mi propio fondo en photoshop pero a la hora de modificar la plantilla no pasa nada. Te copio lo que hice:

body {
background:url
("http://bp0.blogger.com/_993CyytvK6A/R2X4iHb9l8I/AAAAAAAAAQU/G98GvuHrTDU/s1600-h/blog-fondo.jpg")repeat left;
margin:0;
color:$textcolor;

Cuál es tu sugerencia??? se agradece que puedas responderme pronto.

Kal dijo...

hola nomas no he podido hacer q jale lo de la imagen de fondo me puedes ayudar porfa??

body {
background: $bgColor url(http://bp0.blogger.com/_2Mn2rOGkWp8/R2dRtRGCopI/AAAAAAAAAGQ/7qMzBUe9yvI/s1600-h/black-fortress1.jpg) fixed no-repeat top left;

margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}


la direccion del blog es http://thefortressofthesolitude.blogspot.com/

gracias

¸,ø¤º°`°º¤ø,¸II £üi§ $â£0ñiâ II¸,ø¤º°`°º¤ø,¸ dijo...

Andres:
Tengo un inconveniente y no logro resolverlo, no encuentro la solucion. En una de mis paginas intente utilizar el codigo que pusiste pero me quedaba el fondo en blanco, por lo que estuve buscando y encontre este codigo con el cual pude poner el fondo que queria

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background:url("http://bp0.blogger.com/_jT8IQ0MgeNQ/R1S3N2GbZ7I/AAAAAAAAADU/VNxoH9iaths/s1600-R/fondo2-black.jpg") repeat;

Ahora bien, en otra de mis paginas intente hacer lo mismo y puse este codigo pero con diferente imagen

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background:url("http://bp3.blogger.com/_jT8IQ0MgeNQ/R2g7NVm4G1I/AAAAAAAAAG4/-r2esmx4eAI/s1600-h/Fondo3.jpg") repeat;

el resultado esue me queda el fondo en blanco, ahora cuando pongo la otra imagen si me queda con fondo.
Para que te des una idea soy diseñador grafico y he revisado las imagenes y aparte de ser imagenes diferentes todos los parametros son los mismo (jpeg, RGB de 8 bytes y el mismo tamaño). Si pudieras darme una mano y decirme si ves algun error, o si tienes otro codigo para poner un background de imagen, te lo agradeceria.

¸,ø¤º°`°º¤ø,¸II £üi§ $â£0ñiâ II¸,ø¤º°`°º¤ø,¸ dijo...

Andres:
El codigo que utilice esta bien, ya pude resolver el problema, no se cual sera la razon, pero en uno de los blog solo me deja poner imagenes alojadas dentro de blogger y en la otra lo pude hacer con imagenes alojadas en imageshack.
Te agradezco de igual manera y te felicito nuevamente por tu excelente pagina y disposicion para resolver los problemas de todos

Andres dijo...

Ysik: Probando este truco en todas las plantillas con la imagen subida desde blogger no resulta si es una imagen es decir una foto, pero si es una imagen con un fondo negro o blanco, si.
En todo caso te recomiendo que tu imagen la subas en Photobucket o Imageshack.

Kal: Igualmente, si tu imagen es una foto subelo en Imageshack pero si es un fondo negro o blanco, etc, ahi si blogger te acepta.
Como vuelvo a repetir blogger no te acepta photos.


¸,ø¤º°`°º¤ø,¸II £üi§ $â£0ñiâ II¸,ø¤º°`°º¤ø,¸: El codigo que me has proporcionado esta bien y el mio también, lo que pasa que le mio esta simplificado en una sola linea en vez de estar repitiendo:
background color, background image, simplemente lo he puesto en una linea.
background: color imagen;
Con respecto a lo otro que no no te sale en un blog y en el otro si, es como le menciono a Ysik que para utilizar este truco lo puedes hacer con fondos subidos desde Blogger pero las fotos (superman, una guitarra, etc) subidos desde Blogger y ponerlo en este truco no las permite.

Gracias por la visita a los 3 y actualizare este truco lo mas pronto posible.

Enrique Marin Maidana dijo...

hola ,soy nuevo en el tema , he intentado todos lo escrito en los comentarios pero no logro poner imagen de fondo ,

www.espacioexperimental.blogspot.com

Vladeksh dijo...

Oh, gracias por el codigo, funciona perfecto, muy agradecido.

Buena pagina por cierto!!!
Gracias!!!

Anónimo dijo...

Me ha encantado tu blog, la verdad es que llevo muy poquito tiempo con blog, y esta pagina me esta siendo de gran ayuda para ir aprendiendo.
Mi problema surge de que no se quitar los colores predeterminados del blog, y la imagen de fondo no se ve.
Otra cosa que me gustaría solucionar, es que la imagen de cabecera ocupara el todo el ancho del blog sin deformarse, ya que se me queda la mitad.

http://cauceslimpios.blogspot.com/

Gracias por tu inestimable ayuda.

Saludos.

Fraga dijo...

hola a mi me pasa lago curioso, si puedo poner la imagen de fondo pero cuando agrego algo a la plantilla, como un nuevo módulo o video, esta desaparece y tengo que volver a poner la imagen, me pueden decir que sucede?

Amapola dijo...

di mil vueltas, pero al final pude encontrar la manera. gracias :D

green.xavier dijo...

Hola andres

he estado leyendo y tratando de seguir el ejemplo de tu blog pero no logro conseguir que la imagen se vea, a ratos elimino por completo el color de fondo o simplemente se ve solo el color de fondo del blog en lugar de la imagen...


ojala puedas ayudarme

body {
background:$bgcolor: url("http://s47.photobucket.com/albums/f198/Poisonous_Iguana/?action=view¤t=yeaenjpgCustom.jpg")repeat;
margin:0;
color:$textcolor;

si quito los dos puntos despues de $bgcolor se mantiene el color de fondo

:S

Fernando dijo...

Hola Andres, he buscado mucho para poner una foto de fondo en mi blog http://queenspain.blogspot.com/ y no he podido, ni sigiendo tus indicaciones. De los que he visto veo que tu eres un fuera de serie, asi que te consulto. Mi plantilla es:Nyoba 3 Column, y en mi plantilla sale esto:
body {
font: $bodyFont;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
color: $textColor;
background: $bgColor;
}
la url de la imagen es:

http://lh3.google.es/alcoleamalon/R6osZ8cdvnI/AAAAAAAAAfA/LtJGjGJKqks/1.jpg

Ya me diras si se puede poner o no, to soy incapaz, muchas gracias y felicidades por tu blog

Coni dijo...

Hola! Muchas gracias, hacía rato que quería poner un fondo así y no sabía como. Tu explicacón es muy clara... la pude seguir!!!

EL AMO dijo...

hechame un cable tio por favor, kiero poner una imagen , pero no me deja o no puedo la imagen es la siguiente http://i257.photobucket.com/albums/hh211/PERIKO90/AKE.jpg
solo k kiero k sea komo la pagina de grande ayudame please , periko90@hotmail.com

EL AMO dijo...

kreo k no t puse la direccion correcta, mandame un email y te la mando t lo agradece , ojo, pero no sexualmente jejejeje

Klgo.MG (curso) dijo...

andres, necesito ayuda. me aparece esto cuando pongo el codigo:
"Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Declaración de variable no válida en máscara de página: La variable se utiliza, pero no está definida. Información: bgcolor"

ademas no me sale el mismo codigo, me sale este que es como mas basico, creo:

body {
padding: 0;
margin: 0;
font-size: small;
color: $textcolor;
background: #fff;
text-align: center;

y no entiendo como poner la maldita imagen de fondo al blog. Es un blog de informacion del lugar en donde trabajo, es muy simple, pero de a poco he ido mejorandolo.

Ayudame por favor. Soy nuevo en esto

Klgo.MG (curso) dijo...

la url de la imagen que quiero poner en mi blog es:

http://bp0.blogger.com/_lxbBrCvghpM/RwQVXtn0RfI/AAAAAAAAAA0/TiJiQgXQkVc/s1600-h/Logo+Discap.jpg

y el blog es http://oficinadiscapacidad.blogspot.com/

Ojala puedas ayudarme

Klgo.MG (curso) dijo...

Ah, tambien se me olñvidaba decirte que mi plantilla es una de las que trae el mismo blog. esta es el Snapshot tequila

Juanciten! dijo...

La verdad que excelente el blog!... muy buena onda flaco.
Te queria preguntar... porque estoy tratando de renovar el diseño del mio, pero realmente he tenido problemas con el cambio de la imagen de fondo. He probado las 1000 y 1 cosas, comillas espacios, y demas.. pero no le encuentro solución, capaz que vos en 2 min lo ves y encontras el problema. Mi blog es http://elpeladonoduerme.blogspot.com mi mail elpeladonoduerme@gmail.com /@yahoo.com.ar (caso de msn). Desde ya muchas gracias.
Saludos...

Anónimo dijo...

hola weno no c ami no me funciona como aria pes ayuden lokyta_bb_14@hotmail.com alguien ayudeme porfa

Klgo.MG (curso) dijo...

andres. gracias de todas maneras, ya lo vi por mi mismo, y me resulto.
nos vemos

Nacho dijo...

Hola chabonnn buena pagina :D
como veo que sabes y vi que alguien ya lo pregunto pero no fue contestado, y es justo lo que necesito te pregunto: como hago para poner fondo solo en los laterales? que no toque el main ni los sidebars, sino el color de ambos lados reemplazarlos por imagen???

mi blog es http://officialbritneylover.blogspot.com

esperoq ue me ayudes :)

I�igo dijo...

Buenas tardes..

gracias por haber exo este blog..y sobre todo que hayas querido compartir todo lo que sabes con nosotros...

Tenia una duda..he puesto una foto en el fondo de pantalla..

y quisiera q ocupase toda la pantalla..sin q se repita ..hay alguna manera??

he estado modificando las medidas de la imagen pero al ponerla en el blog queda muy pixelada...

espero tu respuesta un saludo

luna (sailor moon) dijo...

hola!!!,me gustaria saber como poner un fando a mi blog,pero no hay manera de ningura de las explicaciones que he leido,quiero poner este fondo:(http://bp2.blogger.com/_VxugFEIYT5I/R_YhIg-kjUI/AAAAAAAAAII/zxoHk0NNGT8/s1600-h/225092pn19seir0r.gif),hago,modifico...
y nadda que no me funciona.
espero que me puedas ayudar.

Andrés del Corral Salazar dijo...

Juro que he seguido las instrucciones y aun asi no me sale.

body {
background:#bca;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Luego edito
body {
background:#bca url(el http de la imagen)fixed no-repeat top left;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

¿Qué pasa?

OJO CRITICO RD dijo...

hola mi blog es www.ojocriticord.blogspot.coom

pero estaba en un fondo negro pero cuando puse el codigo se puso en blanco y no se ve la imagen que
quiero que se vea solo en blanco

que hago por favor

puse el url bien de fondo pero
no me sale la imagen solo ,sale todo en blanco y antes estaba negro el fondo


y otra cosa este es uno de los
mejores blog gracias y espero una
respuesta ojocriticord@hotmail.com

muchas gracias desde rep.dominicana

Grupo Joax TV dijo...

gracias por todo ya puse el fondo
y estoy feliz gracias a dios y luego a ti

por darme la info y gracias
tu blog es muy bueno igual que el
mio te envio felicitaciones desde
rep dominicana y otra cosas


soy fans numero uno de este blog
porfavor pon mi link en tu blog
con mucho cariño el blog ....

http://www.ojocriticord.blogspot.com

entran en mi mundo entran en mi blog gracias

Isaias dijo...

Hola Andres
Supongo que a estas alturas te han preguntado tanto por lo del fondo del blog que no me extrañaría queu estés cansado de dar respuestas una y otra vez. A si mismo te felicito por tu blog de ayuda que me ha parecido sumamente interesante. Te cuento:
He visto esta entrada en google porque busqué ayuda para poner una imagen de fondo.
El problema es que no sale nada más que negro o blanco dependiendo la página que linkee.
Te muestro lo que pongo en los códigos:

body {
background:$bgcolor url(http://bp2.blogger.com/_NOW2PC1jIU4/SBbiPp8AaUI/AAAAAAAAAkw/_sd_OOoxOEc/s1600-h/geisha+fondo.jpg) fixed no-repeat top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

En teoría debería salir, ya que que he probado con imagenes que la gente ha puesto en esta entrada y ha salido, pero cuando pongo la que quiero simplemente se qqued negro como siempre.

Mi blog es: www.mybeastwithin.blogspot.com
Y la imagen que quiero colocar corresponde a la entrada del día 29 de Abril.
Te estaría sumamente agradecido si me ayudases o me aconsejases que hacer si ves que no tengo solución jeje.

Un saludo y de nuevo felcidades por tu estupendo y concurrido blog!

"Godza" dijo...

buenas gracias de ante mano por la informacion de como poner la imagen pero resulta que me genero un pequeño problema que me bloquearon el blog por que al pegar el link de la imagen en el codigo de progracion lo consideraron como un spam AYUDAAAAA como hago para subir el fondo sin que me bloqueen por favor si alguien sabe de una pagina para subir la imagenes y que blogspot no me moleste por eso

gracias Godza

Parrillero dijo...

Hola, pucha quizas sea muy tarde para una ayudita.
he hecho todo lo que esta ahi, pero tengo un problema con la imagen, aunk la he modificado al tamaño que se sugiere, al subirla para poder linkearla como una pagina web, no mantiene el tamaño de modo que el fondo se ve todo negro con una imagen chica en el centro. asi k mi problema esta en como generar el enlace de la imagen que quiero subir??
si me puedes ayudar te lo agradecere muchote...

Saludos
America

A Fire Inside dijo...

Hola: andres..!!
esta muii buena tu pagina...

pero ahun no lo he podido poner mi fondo a mi blog:s
peuj ya he tratado q todo
aver si me hayudas
ok
ENQUE ESTOY MAL

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor bgcolorur(lhttp://i230.photobucket.com/albums/ee168/AFIpunkBOL/afi_wp_1.jpg)fixed top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header

ESPERO QUE ME HAYUDES
PORFAVOR
este es mi blog
http://afilatino.blogspot.com/

Ayelen dijo...

Hola Andrés !
Me ha servido de mucho tu página, depués de varios intemtos pude poner la imagen en el fondo. si quieres http://canndyworld.blogspot.com/ piede verla, pero te venía a preguntar si se pueden poner dos osea, yo tengo una que va verticalmente por la izquierda, puedo poner una que haga lo mismo pero por la derecha? Sin sacar la otra imagen.
Gracias :)

lorenav dijo...

Hola andres! la verdad primero que nada muchas gracias por este blog ya que hace un mes abri uno y no sabia bien por donde empezar use varias de tus explicaciones para que quede bien y esta en especial por suerte me salio pero hay un problema.. si yo entro al blog por firefox me sale la imagen de fondo que subi.. pero si yo entro al blog por explorer la imagen a pesar que actualizo mil veces nunca me sale.. hay algo que se pueda hacer!?

bueno gracias de vuelta!
exitos!

http://codigo54mym.blogspot.com/

oscar ropero dijo...

hola andres he estado intentando porner un fondo a mi blogs y no he podido y lo he intentado muchas veces aqui te dejo lo que he hecho si estoy mal por favor corregirme

/* BODY
---------------------- */
body {
background:$bgcolor; url(http://animeblogz.com/wp-content/uploads/2008/04/n6.jpg) fixed no-repeat top left;
...
}
margin: 0px auto 0px;
padding: 0px;
font: $bodyFont;
text-align: center;
color: $textColor;
}

agradeceria mucho si me ayudan por favor

oscar ropero dijo...

hola andres he intentado poner una imagen de fondo y no he podido llevo como una semana intentandolo todo pero nada mira lo que he hecho y corrigeme si estoy mal

/* BODY
---------------------- */
body {
background: $bgcolor;
margin: 0px auto 0px;
padding: 0px;
font: $bodyFont;
text-align: center;
color: $textColor url(http://www.wlogz.com/wp-content/uploads/2008/04/n6.jpg) fixed no-repeat top left
...
}

no se que he cho mal por favor te agradeceria una ayudita

Anónimo dijo...

perdoname no es el de ariba si no este
/* BODY
---------------------- */
body {
background: $bgcolor url (http://www.wlogz.com/wp-content/uploads/2008/04/n6.jpg) fixed no-repeat top left
...
}
margin: 0px auto 0px;
padding: 0px;
font: $bodyFont;
text-align: center;
color: $textColor

oscar ropero dijo...

hola andres soy yo nuevamente te escribo para dejerte mi dirccion de blogger para que tu si por favor quieres me ayudes a colocarle la imagen ami blogs mi correo es narutoestodo@yahoo.com y la clave es 3135654970 se que para ti esto es un fastidio pero te lo pido, por favor ayudame a colocar el fon do lo que tu hagas yo lo revisare y copiare lo que hicistes y lo pegare enel origina la direccion de la foto es esta http://bp0.blogger.com/_1ao0aVBbjSM/SE3XMBANOtI/AAAAAAAAAAM/DGmTacNqquc/s1600-h/Naruto.jpg muchas gracias por tu cordial atencion.

Fred dijo...

hola andres, voy empezando hace muy poco con esto del blog, y buscando algunas aplicaciones di con esta ayuda, gracias, funciono muy bien.

FaNtAsMaShARe dijo...

Hola andres,
pues yo ya pude poner la imagen, pero como le hago para que los panesles y lo demas salga con el fondo que tiene porque se ve muy raro, y para que los margenes tambien se amplien junto con la imagen?? saludos

Mandrágora dijo...

Hola Andres!
mira... lo que pasa es que deseo cambair el fondo pero sin cambiar el formato superior de color superior a este. Así como en este blog http://compartimientosdecristal.blogspot.com/

Espero que me puedas ayudar!

Gracias.

mengano dijo...

Hola, me encanta este blog, es sumamente util de verdad, me alegro de que deis una ayuda tan buena. Pero, tengo una duda, yo esto del fondo ya sabia como iba, pero quiero que la imagen me ocupe entero el fondo y que va, se me quedan dos lados laterales que de verdad me estan amargando un poquitin porque no doy con la manera de que la imagen sea todo el fondo, a ver si alguien puede entrar en mi blog y echarle un vistazo y que me solucione la dudilla, mil gracias.

Diana dijo...

Holaa
gracias por los consejos ,son de gran ayuda!!!

te abrazaria pero no puedo aun asi merciiiiiiii

Skandar dijo...

Hola quiero saber que te parece mi blogg el cual es http://startopmusic.blogspot.com

Toti dijo...

Hola Andres, disculpa que te moleste pero no puedo meter esa imagen de fondo, hice todo como dijiste y ya me estoy volviendo loco!!!
Te detallo:
body {
background:$bgcolor url(http://img118.imageshack.us/my.php?image=palermoinhdribyblackandbz2.jpg)fixed no-repeat top left;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Por favor si me podes ayudar, abrazo

Clementina dijo...

Perdón, pero te faltó aclarar que va entre comillas
o sea:

body {
background:$bgcolor url("http://img118.imageshack.us/my.php?image=palermoinhdribyblackandbz2.jpg")fixed no-repeat top left;

saludos :)

Clementine

Anba dijo...
Este comentario ha sido eliminado por el autor.
Américo dijo...

Saludos y felicitaciones por tu pagina, tengo solo una duda y es que le he puesto un fondo pero no logro que el resto donde no hay imagen tenga cierto color (f5f2ea) y no blanco

toto dijo...

hola en mi blog no se ve la imagen de fondo en internet explorer en firefox y opera si se ven como se soluciona esto lep703@gmail.com

javiervadi dijo...

Perdona, en mi blog quiero poner un fondo, pero no sale lo de
body {
background:$bgcolor;
Más bien, es que no sale nada parecido.
Mi plantilla es la Negra02.
-----------ES URGENTE-----------
Si puedes ayudarme diciéndome donde está el body {
background:... en mi tipo de plantilla,
GRACIAS

Jorge , Ana y David dijo...

Hola

lo 1º gracias por toda tu informacion y toda la ayuda que nos das para nuestros blogs

esk ami bno me funcionó el truco




visitar mi blog pliss

http://noticiasforkids.blogspot.com/

missrock dijo...

veras con el diseño minima poniendo una imagen de fondo, si me aparece la imagen de fondo pero yo quiero poner el diseño denim y al cambiarlo mi imagen de fondo desaparece.
No se que hacer lo he cambiado y no se me pone con ese diseño.
¿que puedo hacer?
mi blog esta en construccion aun.
www.dafne-fernandez.blogspot.com

Envy dijo...

Hola verás lo de la imagen lo consigo pero hay algo que quiero hacer y no se como... U_U

Mira en mi blog quiero poder poner del color que quiera o introduciler algun tipo de imagen a la parte centra que se me queda blanca...peor no hay manera U_U no se nada de html, solo se trastear, ir probando cosas y a ver que sale..... a ver si tu podrías decirme algo

http://ea-envyart.blogspot.com/

Espero con ansia tu respuesta^^

eduardo lopez paz dijo...

ey un paro
no se si no pueda
pero sigo los pasos
y no sale nada
ps
yo te dejo my blog para k si un dia t acuerdas me dugas


http://grutadelcuore.blogspot.com/

Fran Duarte dijo...

Hola Andres pucha sorry soy la pregunta 121 :S pero la ura que no puedo agregar una imagen y quero puro enchular mi blog :) mira pongo esto

body {
background:$bgcolor url(http://img376.imageshack.us/my.php?image=pict0022ha5.jpg) fixed no-repeat top left;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


bue y no pasa nada, me fije en borrar el ; , en darle separacion y nada.

Bueno ojala me puedas ayudar.

Saludos

http://joyas-xperimenta.blogspot.com

Fran Duarte dijo...

Aaaa se me olvidaba tambien probe poniendo " " y nada.
Saludos

Jose Luis dijo...

no encuentro en mi plantilla background:$bgcolor, lo mas parecido es background: $mainBgColor, lo pongo a continuacion de esto pero no sale algo debo estar haciendo mal. dime algo. gracias, por cierto muy bueno el tuyo me ayudas mucho

Jose Luis dijo...

solucionao tio, muchas gracias, me faltaba un espacio. gracias de todas maneras, ya me puse la radio y el fondo

Anónimo dijo...

Hola Andrés, estoy siguiendo todos los pasos que indicas y en algo me estoy equivocando porque en mi blog no suce absolutamente y he probado de todas las maneras, comprobando los espacios etc...
Te dejo mi plantilla para que compruebes:

* Blogger Template Style
* Name: Snapshot: Madder
* Designer: Dave Shea
* URL: mezzoblue.com / brightcreative.com
* Date: 27 Feb 2004
* Updated by: Blogger Team


body {
padding: 0;
margin: 0;
font-size: small;
color: $textcolor;
background: #fff url(http://img145.imageshack.us/my.php?image=2na1o8yoi9.jpg)fixed repeat left;
text-align: center;
}


Detectas el problema??? Te agradeceria mucho tu ayuda tu blog esta genial, gracias.

dnoscar dijo...

hola andres mira a mi me sale "Se ha encontrado más de un artilugio con el ID: HTML1. Los ID de artilugio deben ser exclusivos." como lo arreglo no entendi nada de lo que explicaste

Leonardo dijo...
Este comentario ha sido eliminado por el autor.
Leonardo dijo...

Hola Andrés! Muy buena tu pagina, me ha sido muy util en varias ocasiones. Pero en esto del fondo no me ha resultado mucho. Yo tengo el nuevo blogger y he intentado por varias formas de cambiar mi fondo, pero aun no lo logro.
Este es el codigo que tengo
body {
background:$bgcolor url(http://s390.photobucket.com/albums/oo346/leonardo_gaete/) fixed no-repeat top left;

pero no he logrado que aparezca esa imagen. Si me ayudaras te estaria muy agradecido.
Chau!

andreitaDeViaje dijo...

Hola! estoy siguiendo todos tus pasos! pero el fondo me quedo todo blanco!!! ayuda! :)
gracias

body {
background:$bgcolor url(http://i394.photobucket.com/albums/pp26/andu_151/Semttulo.jpg)repeat left;

CossyMtc dijo...

Hola tengo una duda ,espero que me puedas ayudar .Bueno yo deseo poner una imagen de fondo y dices que se debe modificar URL("la url deimagen q deseas") Aqui viene mi pregunta jijiji la imagen lo tengo en mi pc ¿Como le hago osea que le pongo en la URL ? :S gracias ojala me puedes ayudar

Anónimo dijo...

Bueno quisiera, poner una imagen de fondo a mi blogger pero es q hice lo que tu me dijiste pero salio un fondo blanco.. queria saber si me puedes ayudar..!!

mi correo es ana_rodriguezsoriano@yahoo.com


Gracias por tu tiempo.!!

Ivan Alejandro dijo...

Hola me encanto este blog estoy empesando por el fondo para mejorar la imagen de mi blog si me sale lo del fondo pero la imagen no llega hasta las esquinas al lado de mi imagen de titulo no se si me puedas ayudar a que el fondo llege hasta aya

aqui te dejo mi direccion para que lo cheques

http://rainbullets.blogspot.com/

Rayen dijo...

Hola solo era para agradecerte el consejo...Muy buen blog!

Horacio Avila dijo...

Hola mi buen ANDRES, soy nuevo en esto de la modificacion de los blogs, al encontrar el tuyo veo que eres super. Muchas Gracias por apoyar a los Bloggeros que tenemos problemas, por gente como tu el internet es el mejor lugar para aprender que hay.

Bueno como todos te pido un favorsote, he leido todas la ayudas para poner una imagen y muchas se parecen a la mia pero la vdd he hecho todo y no puedo poner la imagen. Mi codigo es el siguiente:
body {
background:#000;
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-align:center;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}
______________________________

ahora he intentado:

body {
background:#000; url(http://www.blogger.com:80/img/icon18_email.gif)
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-align:center;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}
Y COMO ESTA MIL COMBINACIONES MAS Y NO LO HE LOGRADO, espero que no estes muy ocupado para ayudarme.
Me conformaria con que me comentaras que te parece mi blog.
MUCHAS GRACIAS

Maku dijo...

Gracias a vos voy a poder -finally- ponerle un fondo a mi Blog. Googleé muchísimo, y es la primera explicación clara y ordenada que ordené. Congrats.

Salut!

Anónimo dijo...

hola queria preguntarte si podias decirme si cula es la pagina que tengo que poner para que se ponga la imagen la de la entrada o de la imagen? me podes ayudar por favor intento y no se poine nada entra y ayudame por favor bajohondorugby.blogspot.com

Anónimo dijo...

mi msn es cristianveliz2007@hotmail.com ayudame por favor

VIRIDI@NA dijo...

Hola! Primero quisiera decirte que me parece excelente tu blog, pero sobretodo la ayuda y la buena explicación que das. Precisamente despues de leer tus instrucciones y de ver los errores y las aclaraciones en los comentarios, finalmente tengo el fondo que deseaba.

El error que cometi es que o me faltaba un espacio o me sobraba un punto y coma pero no sabia cual, asi que mire mi resultado y verifique (sin hacer mas cambios)que se cumplieran tus instrucciones del espacio y punto y coma.

Fue asi de simple que me di cuenta que me faltaba un espacio al final despues del cierre de paréntesis antes de fixed no-repeat top left;

Era solo por eso!!!!!

Asi que muchisimas gracias!!!!!

Cande dijo...

Hola!, yo hice lo que me dijeron, pero no me sale! osea, yo subo la imagen a tinypic y pongo la url donde ustedes dijeron y pongo GUARDAR PLANTILLA y despues me dice: ver blog y me aparece el blog con el fondo negro como siempre lo tube! y la verdad es que nose como hacer, me hbaia ilucionado porque habia encontrado la solucion para que mi blog no sea de un color y me encuentro con que no me sale! me encantaria que me ayuden! hermoso el blog!
besos CANDE,

Cande dijo...

Hola soy yo otra vez, jej, aca ls dejo como se ve mi plantilla , va como lo puse, y fijense que sigue con el fondo engro igual que como la tenia antes de intentar esto!

body {
background:$bgcolor url(http://es.tinypic.com/view.php?pic=20hub6w&s=5) fixed no-repeat top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

CANDELA dijo...

Andrés, perdon que moleste otra vez, pero es que estoy desesperada, eh intetnado de TODAS las maneras posibles, he leido todos los comentarios en busca de ayuda,y no he podido poner el fondo que yo queria! será por el tamaño? mira, asi tengo ahora mi codigo:
body {
background:$bgcolor url(http://s443.photobucket.com/albums/qq153/teennangelss26/) repeat top left;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

y en mi blog veras que tengo el fondon verde militar, osea, no es el fondo que puse! NECESITO TU AYUDA! temo que no me contestes,
mi blog es
http://www.pasioneugesuarez.blogspot.com tenog tagboard, asiqie si qieres dejame tu msj ahi o aca mismo, estare entrando permanentemente para ver si respondes, gracias.

Andrew dijo...

Cande: Tal parece que pudiste solucionar el problema que tenias, que bueno. Simplemente era la direccion de la imagen.jpg.
Gracias por la visita.

Cris dijo...

Hola!
Haber si me puedes ayudar con un pequeño problema =)

Te cuento...
Tengo de fondo una imagen que me encanta (sakura, flor de cerezo), el problema está en que el texto no se me lee demasiado bien =S

En otros blogs he visto que se puede poner un fondo en el texto solo.
Me explico; todo el fondo de flores de cerezo (en mi caso) y en dónde escribes, un fondo de otro color para que la lectura sea más entendedora.

Espero que me hayas entendido y gracias adelantadas ;)

Saludos!

Andres Parra dijo...

Hola esta muy bueno tu blog pero en mi caso no me ha funcionado lo del fondo creo que es por la plantilla que tengo te agradecería si me ayudaras http://reciclatumente.blogspot.com/

Alchemist-Isgeri dijo...

HOLAS AMIGO COMPATRIOTA , ESTA MUY BUENA TU PÁGINA , GRACIAS POR TODOS TUS CONTENIDOS HAN SIDO DE GRAN UTILIDAD PARA MI. YO TAMBIEN TENGO TRES DIAS CON LA CREACION DE MI BLOG. SI PUDIERAS VERLA Y DAME UNOS CONSEJOS SOBRE COMO MEJORAR TE LO AGRADECERIA MUCHIISIMO.

BUENOS TUS DATOS.

BYE Y CUIDATE

gonzo dijo...

andres
a mi la foto me sale mas chica ke el fondo, y eso ke la hice en el tamaño de la pagina y todo...

body {
background:url("http://i394.photobucket.com/albums/pp25/gonzoesquivel/fondo.jpg?t=1231432599") fixed no-repeat;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

ayudame obi one
eres mi unica esperanza

y gracias por compartir tu conocimiento !!!

gonzo

Ronymaru dijo...

EEEEEEEEEEEEEEEEEEEEEE...!!!!
Me resultòoooooo y me quedò geniaaaaal.. Gracias mil gracias.Saludos desde Millarai Machè.

Caminante Nocturno dijo...

Lo probé y me quedo espectacular, Pero tengo un problema, la imagen solo se ve en Firefox, al ir a los cibers que tienen Intarnet Explorer se ve el fondo blanco
Tiene solucion eso?, no se tal vez si solo se ve negro en lugar de blanco me conformo, por favor necesito una solucion

5150 'n' Crazy Boy dijo...

Hola amigo , y pues al igual que todos paso a felicitarte por este gran tutorial que no se ve en cualquier parte , y claro con el mismo problema que representa a todos con el fondo para el blog, ayudame a solucionar este grabe problema y en que tengo fallo:

background:$bgcolor;[URL=http://img4.imageshack.us/my.php?image=rockandrollayi3.jpg][IMG]http://img4.imageshack.us/img4/9950/rockandrollayi3.th.jpg[/IMG][/URL]
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

JL dijo...

JL:

Hola Andrés!!
Primero q nada felicitarte por este estupendo blog q me ayudo mucho:muchisimas gracias!!
Y ademas t queria decir q gracias a lo q tu dijiste logre poner una imagen de fondo a mi blg y quedo re bno!!!
si quieren entrar es www.planetaconsola.blogspot.com
el blog se trata de info ded videojuegos, consolas etc..
ademas tiene juegos!!
Bno saludos
chau!

JL dijo...

Mira crazi boy:
tu problem es q estas escrbiendo mal esto:
tu escrbiste:background:$bgcolor;[URL=http://img4.imageshack.us/my.php?image=rockandrollayi3.jpg][IMG]http://img4.imageshack.us/img4/9950/rockandrollayi3.th.jpg[/IMG][/URL]




pero en verdad es background:$bgcolor url(aki va el link de la imagen q quieras) fixed no-repeat top left;

pon lo como te lo dije y veras q te aparece. si quieren entrar a mi blog es www.planetaconsola.blogspot.com

chau!!

Percy dijo...

Buen dia, muy util tu tutorial,felicitaciones, es bastante entendible, pero tengo el mismo problema que creo tiene la mayoria, por mas que lo intento, no me sale la imagen de fondo, y he estado revisando que todo este correcto, esto es lo que puse:

body {
margin:0 auto 0px;
background:$bgcolor url(http://www.desktopography.net/)fixed no-repeat top left;
color:gray;
font: x-small "Lucida Grande", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: lcenter;
}

pero sigue en blanco, que debo hacer? que esta mal?, te agradecere bastante tu ayuda.

este es mi blog:
http://mulimediaedu.blogspot.com/

Gerard dijo...

Hola amigo
graxs por el tuto
y si me funciono bien
pasense x mi blog
www.mundoxgame.blogspot.com

Xorxs dijo...

Saludos Andres, tu blog es de gran ayuda, pero despues de haber leido todos los problemas que tiene la gente sigo sin poder resolver el mio. Cuando cambio la direccion de la imagen que tengo puesta, el fondo del blog se vuelve blanco. He releido todos los comentarios pero sigo en las mismas. Mi blog es: www.belcorianos.blogspot.com

esto es lo k yo tengo

body {
background:url(http://static1.grsites.com/archive/textures/misc/misc036.jpg) repeat top left;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}


pero intento poner esta imagen en su lugar: (http://img527.imageshack.us/my.php?image=collagefondo2copia.jpg) y nada de nada.

He cambiado lo de los espacios, de todas las maneras posibles, tal y como se dice en los comentarios, pero nada. Un saludo, y agradeceria infinitamente una ayudita.

Anónimo dijo...

Y SI QUIERO PONER UN FONDO QUE ME LOS OFRECE UNA PAGINA COMO HAGO? IGUAL? PORQUE ME DA UN CODIGO, POR EJEMPLO ESTAA PAG http://www.dollielove.com/animalprints37.shtml QUE TE DA FONDOS PARA MY SPACE, Y VI QUE ALGUNSO BLO9GS LO TIENEN, COMO SE HACE?

Adriana dijo...

hola, yo voy a probar a poner un fondo en mi blog tal y como veo en las explicaciones del principio pero que tengo que poner si la imagen es de mi equipo??

Gracias,

Adriana

lord filth dijo...

ke tal gracias la verdad eske si sirvio si estuviera frente ami asta un beso le doy por la ayuda jajajaja ( claro si es mujer y si es hombre solo le doy la mano) jajaj saludos

Anónimo dijo...

Gracias, Andrés por tu tiempo y dedicación a los usuarios noveles. Me sumo a la pregunta de Adriana (nº 157) y además a la de otro usuario: desearía que LA IMAGEN de fondo solo saliera por los laterales y no dificultara la lectura del texto del blog. Muchas gracias de antemano.

ELENA

Anónimo dijo...

Soy Elena de nuevo. perdón: el comentario de Adriana es el 156, no el 157.
Mis disculpas y gracias por tu tiempo, Andrés.

ELENA

BEATRIZ dijo...

Mil gracias, Andrés, tus consejos son muy útiles y la explicación que das a cada tema es muy clara. Y sólo por eso te envío un abrazo :)

Gloria dijo...

Hola, muchas gracias por la ayuda y los tutoriales para mejorar los blogs ^^, disculpa que te moleste pero tengo una duda, lo que pasa es que en mi blog tengo una línea blanca de fondo y no sé como sacarla, verifique el link de la imagen y no es problema de la imagen. porfavor si me puedes ayudar corazón plisss ^^

$ÞДW₪†ø₪Îø dijo...

hola broter, mira, ya llevo rato tratando d poner la imagen, pero no qeda , segun yo sta bien, pero pss no se, mejor se lo dejo al experto

body {
background:$bgcolor url(http://s559.photobucket.com/albums/ss39/Spawntonio/?action=view&current=top.jpg)fixed no-repeat top left;


y el blog es el sig, es d recient creacion:

scytheofgod.blogspot.com

espero y me puedas echar la mano, te lo agradeceria mucho

gracias de antemano

Ralkai dijo...
Este comentario ha sido eliminado por el autor.
baluverxasurfclub dijo...

Hola ,estoy intentando poner en mi blog una imagen de fondo y nada,estoy haciendo lo que dices,o eso creo,y cuando doy en vist previa sale igual o toda la pagina en blanco,mi plantilla se llama Son of Moto,te pongo lo que estoy haciendo,espero que me puedas ayudar,mil gracias
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #692 url(http://www.hiboox.es/go/imagenes/deportes/jueves9octubre08-002,9a737d3a03bb8e6d0e4c666a12af749d.jpg.html) top center repeat-y;
font-size: small;

gitana dijo...

holas encontre tu blog y esta muy bueno con ayudas claras asi que desde hoy lo voy a seguir
te dejo un beso grande y exitos =)

Luuh dijo...

muy util tu post,mi pregunta es la siguiente:
como inserto como fondo para mi blog una imagen sacada de mis documentos,no quiero una desde url, quiero una que tengo guardada en mi computadora,si pudieras responderme me seria muy util,muchisimas gracias

Anónimo dijo...

no me funciono dijiste todo mal,tendrias que haber puesto imagenes para guirnos

asbe dijo...

vaya muchas gracias, me funciono todo
vaya que siempre supe seguir bien las instrucciones

gaarawarlord dijo...

hola... pues bien, dede hace tiempo ke me he estado aplikando en esto de los blogs xD pero hay solo una cosa ke no pude hacer, eso del "leer mas" nunk me resulto... lo intente de varias formas hasta ke me aburri... si kiere le hechas un vistazo a mi blog... www.thrashared.tk

buenisima info y tienes trucos muy utiles... se agradece ke los kompartas kon el resto... exelente trabajo

Floren dijo...

hola si, mira yo lo puse asi:
body {
background:$bgcolor url http://farm2.static.flickr.com/1428/534670821_e638f7edc9.jpg fixed repeat top left;
y cuando pongo vista previa, me aparece el fondo blanco, que hago?

Anónimo dijo...

Hola!!!
la url de mi imagen es de mi my space pero no me aparece, el fondo sigue blanco
sera que no se puede hacer el enlace desde el my space?
o donde puedo subir mis imagenes?

Son dijo...

Gracias! ha funcionado perfecto!
http://azulbleu.blogspot.com/

Edux dijo...

Hola quisiera saber como poner una imagen de fondo en el content wraper, ya que de fondo ya puse una, pero cuando la ventana esta minimizada pues la imagen de fondo no concuerda con el texto de entradas.....
Gracias

Laguna de Anilina dijo...

Hola!! No consigo poner el fondo!! Sigo los pasos pero no hay manera.

La imágene que quiero poner la tengo alojada aquí:

http://s557.photobucket.com/albums/ss12/Lagunadeanilina/?action=view&current=Fondoooooooooooooooo-2.jpg&t=1245846931332

Y esto he modificado lo del HTML pero no me sale el fondo, sigue siendo blanco:

body {
background:$bgcolor url(http://s557.photobucket.com/albums/ss12/Lagunadeanilina/?action=view&current=Fondoooooooooooooooo-2.jpg&t=1245846931332) fixed no-repeat top left;;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Podrías ayudarme por favor¿?!! Por más que lo intento no lo consigo ;(

Un saludo! ;)

Edux dijo...

Esta mal tu HTML tiene que quedar algo asi

body {
background:$bgcolor background:#1A1B1F url(http://s557.photobucket.com/albums/ss12/Lagunadeanilina/?action=view&current=Fondoooooooooooooooo-2.jpg&t=1245846931332) fixed no-repeat top left;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Espero te ayude

Anónimo dijo...

ayuda mira yo quiero que la imagen este en toda la pag haci sea varias veces o una sola vez pero que se vea completa y esto las entradas y eso no me lo impiden este es mi blog para que lo veass:

www.elanimerox.blogspot.com

y aqui esta como lo puse :

body {
background: url(http://images2.fanpop.com/images/photos/5700000/Fullmetal-Alchemist-full-metal-alchemist-5781798-500-400.jpg);fixed no-repeat top left;
margin:0;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

Laguna de Anilina dijo...

Muchas gracias Edux por tu ayuda.. pero sigue saliendome el fondo el blanco... ;(

Anónimo dijo...

Hola! sabés que me cuesta entrar a la página, no sé x q se me cierra todo el tiempo y tengo que volver a hacer upload. Toda tu info me sirve mucho, sabés x qué será que se me cierra constantemente?

Rocio Muñoz Narvaez dijo...

a mi no me funciono solo se desordeno todo lo que habia en el blog

BJR.R dijo...

Hola Andres!
estaba leyendo lo que dijiste que hay que hacer...
y la verdad venia bien...
solo que yo tengo una imagen ya guardada en mi pc que le quiero poner, y si quiero ponerle esa imagen se supone que no tiene ninguna direccion, solo esta guardada en una carpeta... las preguntas serian...
¿la puedo poner la imagen?
¿como hago?
¿que tendria que poner en el parentesis?
¿si o si tiene que ser sacada de internet?
agradeceria mucho que me contestaras, un saludo.

Gio dijo...

Hola, tengo un problemita con mi imagen de fondo que no he podido solucionar, me explico:
utilizo una imagen de 1024x768pixeles como imagen de fondo para mi blog, pero si veo el blog en un computador con una configuración de pantalla diferente, la imagen de fondo y el texto no se ajustan como deben, no coinciden (para el texto de las sidebar y la parte central tengo los anchos en porcentaje por lo que no tengo problemas con desajustes del texto). Entonces, si abro el blog en un computador con pantalla de 800x600pixeles la imagen de fondo "queda grande" y no se ve completa, si lo veo en un computador de 1152x864pixeles la imagen "queda pequeña" y la parte derecha de la pantalla se ve sin fondo.

Conoces algún código (por ejemplo del tipo "Ancho-Alto: 100%") que me ajuste la imagen del fondo independiente de la configuración de pantalla que tenga la persona que ve el blog???

El mismo problema me pasa con la imagen de la cabecera del blog :(

Muchas gracias por adelantado ;)
Gio

jucabaoo7@gmail.com dijo...

Hola, me ayudo mucho tu pagina, pero me demore casi una hora en poder hacerlo.

Para los que tienen despues del body
r
background-color:#123;

reeemplazen asi :

margin:0;
background: url(http://tu imagen deseada aqui) fixed repeat top left;
background-position: 50% 31px;
text-align:center;
font: x-small Verdana, Sans-serif;
color:#aabbcc;
font-size/* */:/**/small;
font-size: /**/small;

La viki * dijo...

muuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuchas gracias ! me ayudo pila tu blogg !!!!

KAMILO dijo...

andres no me sale la imagen se ve el blog blacn que hago?
body {
margin:0px;
padding:0px;
background:$bgcolor;url(http://www.desktoprating.com/wallpapers/music-wallpapers-pictures/green-guitar-wallpaper.jpg)fixed no-repeat top left;
color:$textcolor;
font-size: small;
}
que tengo mal?

KAMILO dijo...

blanco perdon..

Guada Escobar dijo...

a mi no me salio NADA!!
che alguien me kiere pasar un msn
para explicarmee ??????
buenoo... kienn sea buenaa personaa
q me agregee!!! guadaesco@hotmail.com , guadaesco@yahoo.com

los 2 sonn mioS!
peroo en el yahoo me conecto mas!



buenoo nada qel q kiera explicarmee
q me agregeeeeeeeeeeee
pleaseeeeeee!

Brochazos dijo...

Hola! Muy útil la información, sólo me queda una duda. No sé si será por la configuración de mi blog, pero me sale la imagen en todo el blog (en tu ejemplo está en el fondo, pero a mi me sale también como fondo de las entradas y la sidebar). Gracias por su ayuda

Fredy dijo...

Hola... Me gusta mucho este blog, por que explican muy bie...pero, cuando hice todo el procedimiento, que creo que lo hice bien... me dice que mis cambios se han realizado, pero cuando le doy "VER BLOG" mi blog sigue igual, sin ningun cambio... me pregunto si hay que colocar la direccion de la imagen si los parentesis, o que hago para que pueda hacer esto?... Por favor le suplico que responda... Llevo semanas en esto... Gracias... ( http://wwwsykopata.blogspot.com )

Robin dijo...

Muchas gracias, llevaba días tratando de poner un fondo y no podía! Muy útil...!!

Shadowlord dijo...

excelente aporte hermano, me funciono a la perfeccion, ya dias quiero darle un giro nuevo al blog y luego de encontrar esto quedara mejor, ahora a buscar una buena imagen... muchas gracias

saludos metaleros

Arii dijo...

Bueno andrés, felicitarte por que tienes un blog fantástico y quería hacerte una pregunta.
Lllevo como toda la tarde intentando ponerle un fondo al glog pero no puedo. He subido la imagen a diferentes sitios haber si era eso el fallo pero no, he intentado ponerlo si que se repita, y sin poner fixed pero no me sale. Se ve el fondo normal,blanco.

body {
padding: 0;
margin: 0;
font-size: small;
color: $textcolor;
background: #fff url(http://yfrog.com/enbackdot051j)repeat-xy;
text-align: center;

Podría decirme si tiene algún fallo el código.
Y la platilla que tengo es Snapshot: Madder por si te sirve de algo...
Gracias por tu atención^^
Un blog genial!
Saludos!

Anónimo dijo...

y si no quiero subir una imagen de internet si no de mi equipo como fondo ¿que tengo que hacer? y ademas la imagen es muy pequeña como si fuera un fondo de cortinas ¿no habra problema? a y otra pregunta si quiero que mi blog sea facilemnte encontrado por un motor de busqueda que cambios le tengo que hacer (porque no aparece, solo poniendolo en la barra de direcciones)

frank_gopa dijo...

Oye. muy bueno .

Gracias.

dany el raper dijo...

esta buena la inf. grasias

carlos dijo...

Muy fácil

======================================================================

En pczeros hay un excelente tutorial para que puedas cambiar el cambiar el fondo del blog, además hay algunos fondos para que puedas elegir y otros cientos de accesorios para el blog. Yo ya cambié el mio y quedo de 10. Muy bueno el post y un saludo para todoooossss!!

======================================================================

keilyn111 dijo...

Hola, me encanto la page, mi problema es el siguiente, quize modificar mi blog, pero a la hora de ponerle una imagen de fondo, me aparece tapada, quisiera que el fondo aparezca en las entradas que coloco pero no puedo, por favor ese seria mi peticion..
www.bunnycueva.tk
saludos..

Anónimo dijo...

Antes que nada joya esta página!
Hice los pasos y me funciónò. Pero..., la cuestión es que el fondo aparece cuando uso el Mozilla Firefox, pero cuando lo abro con el Explorer, me sale el fondo blanco.
Ni idea porqué ocurre eso.
Este es el còdigo que tengo:
body {
background:$bgcolor url(http://img195.imageshack.us/img195/9764/01fondodeblog.jpg)top left;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Si alguien me tira una ayuda, desde ya agradecido in eterna gloria!
Saludos y sigan asì!
Ariel

Anónimo dijo...

Ya solucionado!!!
Le quité el "top left", y ahora funciona a la perfección!
Gracias igualmente!
Ariel

·M· dijo...

Hola!
Tengo una imágen que quiero poner para el fondo de mi blog, pero por mas que intento aumentar su tamaño no he conseguido nada que me sirva.
Photobucket disminuye no sé por qué el tamaño y imagesack no me sirvió tampoco...
Sabes qué me podría servir?
Muchas gracias!

El Cuervo dijo...

hola, oye quiero poner la imagen y sigo todos los pasos que mencionas pero no logro ningun cambio en el blog, podrias hecharme una mano? gracias!

Related Posts with Thumbnails
Últimos Post