Source: http://www.ciudadblogger.com/2012/08/hacer-que-la-imagen-de-fondo-del-blog-cubra-toda-la-pantalla.html?showComment=1345516306988
Timestamp: 2020-07-14 00:44:41+00:00

Document:
Cómo hacer que la imagen de fondo del blog cubra toda la pantalla | Ciudad Blogger - Trucos y tutoriales para tu blog
Estás en Inicio » Trucos » Cómo hacer que la imagen de fondo del blog cubra toda la pantalla
Cómo hacer que la imagen de fondo del blog cubra toda la pantalla
18 de agosto de 2012 Publicado por El Potro , Etiquetas: Imágenes , Trucos 327 comentarios ,
Una constante pregunta es cómo hacer para que la imagen de fondo del blog siempre ocupe toda la pantalla sin importar la resolución del monitor. Y es que a veces ponemos una imagen de fondo según las medidas de nuestro monitor, y no consideramos que en la actualidad los monitores los hay de todas las resoluciones, muy pequeños y muy grandes. Así que si ponemos una imagen de acuerdo a nuestra pantalla habrá alguien con un monitor mayor que seguramente no verá toda la imagen o la verá repetida, y en el caso de los que usan monitores muy pequeños verán la imagen incompleta.
Aquí veremos dos soluciones a ello, una usando CSS3, y otra con jQuery. Con cualquiera de las dos haremos que la imagen de fondo de la página ocupe toda la pantalla del monitor sin importar la resolución del mismo.
La primera opción es usando CSS3, la ventaja con este método es que no sobrecargamos el blog con scripts, usaremos únicamente la propiedad background-size que se encargará de realizar lo que queremos.
La desventaja es que esta propiedad sólo es soportada por los navegadores modernos, así que en el caso de Internet Explorer sólo se verá de la versión 9 en adelante, en los demás navegadores no deberá haber problema.
El método es muy simple, sólo tenemos que ingresar a la Edición HTML de la plantilla, localizar el background que está dentro de body { y reemplazarlo por esto:
background: url(URL de la imagen) no-repeat center center fixed;
Se vería más o menos así:
Sólo pon la URL de la imagen y listo.
Con este método usaremos jQuery con el plugin BackStretch, la ventaja es que funciona en todos los navegadores, incluyendo IE7 en adelante. La desventaja no es mayor si ya usas jQuery, ya que el plugin en realidad es pequeño. Para usar este método en tu blog entra en la Edición HTML y antes de </head> pega este script:
* jQuery Backstretch
* Version 1.2.8
* http://srobbin.com/jquery-plugins/jquery-backstretch/
* Add a dynamically-resized background image to the page
* Copyright (c) 2012 Scott Robbin (srobbin.com)
* https://raw.github.com/srobbin/jquery-backstretch/master/LICENSE.txt
;(function(a){a.backstretch=function(p,b,l){function s(){if(p){var b;0==c.length?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:m?"fixed":"absolute",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999,maxWidth:"none"}).bind("load",function(d){var b=a(this),e;b.css({width:"auto",height:"auto"});e=this.width||a(d.target).width();d=this.height||a(d.target).height();n=e/d;q();b.fadeIn(g.speed,function(){c.find(".deleteable").remove();"function"==typeof l&&l()})}).appendTo(c);0==a("body #backstretch").length&&(0===a(window).scrollTop()&&window.scrollTo(0,0),a("body").append(c));c.data("settings",g);b.attr("src",p);a(window).unbind("resize.backstretch").bind("resize.backstretch",function(){"onorientationchange"in window&&window.pageYOffset===0&&window.scrollTo(0,1);q()})}}function q(){try{j={left:0,top:0},rootWidth=h=o.width(),rootHeight=r?window.innerHeight:o.height(),f=h/n,f>=rootHeight?(k=(f-rootHeight)/2,g.centeredY&&(j.top="-"+k+"px")):(f=rootHeight,h=f*n,k=(h-rootWidth)/2,g.centeredX&&(j.left="-"+k+"px")),c.css({width:rootWidth,height:rootHeight}).find("img:not(.deleteable)").css({width:h,height:f}).css(j)}catch(a){}}var t={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),g=c.data("settings")||t;c.data("settings");var o,m,r,n,h,f,k,j;b&&"object"==typeof b&&a.extend(g,b);b&&"function"==typeof b&&(l=b);a(document).ready(function(){var b=window,d=navigator.userAgent,c=navigator.platform,e=d.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],f=d.match(/Fennec\/([0-9]+)/),f=!!f&&f[1],g=d.match(/Opera Mobi\/([0-9]+)/),h=!!g&&g[1],i=d.match(/MSIE ([0-9]+)/),i=!!i&&i[1];o=(m=!((-1<c.indexOf("iPhone")||-1<c.indexOf("iPad")||-1<c.indexOf("iPod"))&&e&&534>e||b.operamini&&"[object OperaMini]"==={}.toString.call(b.operamini)||g&&7458>h||-1<d.indexOf("Android")&&e&&533>e||f&&6>f||"palmGetResource"in window&&e&&534>e||-1<d.indexOf("MeeGo")&&-1<d.indexOf("NokiaBrowser/8.5.0")||i&&6>=i))?a(window):a(document);r=m&&window.innerHeight;s()});return this}})(jQuery);
$.backstretch("URL de la imagen");
Pon la URL de la imagen donde se indica y listo.
Con este método la carga de la imagen del fondo se hace hasta el final, esto es para que el usuario no tenga que estar esperando a que cargue la imagen para que empiece cargar el blog, así que si en el body { ya utilizas una imagen de fondo se verá primero e instantes después se cargará la del script, por lo que si lo deseas puedes eliminar la imagen que tengas en el body y así dejar que sólo cargue la imagen del script.
Como puedes ver ambos sistemas son fáciles de aplicar, cada uno con sus pros y contras, pero el resultado es el mismo, extender la imagen de fondo para que se ajuste a la pantalla de cualquier monitor sin importar la resolución del mismo.
Recuerda que en el caso del método con jQuery, deberás verificar que no uses Scriptaculous o Mootools, de ser así tendrás que aplicar unos cambios en el script para hacerlos compatibles.
Y si ya usas jQuery recuerda tener sólo una versión, la última.
327 comentarios en:
" Cómo hacer que la imagen de fondo del blog cubra toda la pantalla "
Anónimo 18 de agosto de 2012, 14:22
Sos un genio El Potro, Me encantan todos tus post y sos el mejor de todas las paginas que expliquen tuturiales para tu blog. Suerte y seguí así que me encanta todo lo que haces y publicas! ;)
El Potro 18 de agosto de 2012, 17:40
Muy amable Agustin :)
Unknown 25 de septiembre de 2012, 16:13
Grande Potro sos lo maximo
JhonnySan 18 de agosto de 2012, 14:28
Muy buena entrada Potro. Ya me estaba haciendo esa pregunta. Saludos
Anonimo 18 de agosto de 2012, 14:50
Sos el mejor! justo lo que quería =D
Unknown 18 de agosto de 2012, 14:59
Muchas gracias amigo potro
El Potro 18 de agosto de 2012, 17:54
Gracias a todos, ¡buen fin de semana!
zux 18 de agosto de 2012, 21:04
una consulta ¿la imagen quedara estatica en el fondo? es decir, si bajamos por la pagina se "moverá" el contenido y no la imagen?
Hace algún tiempo, intente colocar una imagen de fondo pero se repetía, mientras bajaba en la pagina o sólo cubría un % de la parte alta y mientras bajaba la parte inferior quedaba con el color de fondo
gracias por tu aporte :D
El Potro 19 de agosto de 2012, 10:23
Hola zux, la imagen quedará fija ya que está se redimensiona y se debe mantener así.
Anónimo 19 de agosto de 2012, 10:03
Hello! tejano de California, tengo un problema que no se si lo es, cuando pongo un fondo, o cambio el fondo de color, al abrir el blog siempre aparece el color del fondo unos segundos hasta que aparece el cuerpo del blog ¿eso es normal o solo me ocurre a mi?
Lo pregunto porque tengo 4 blogs y todos con plantillas distintas y pasa en los 4.
Gracias y Saludos desde el viejo continente.
El Potro 19 de agosto de 2012, 16:52
Hola unhidalgo, puede ser normal dependiendo de si tu fondo es una imagen, y/o de la carga del blog. Usualmente lo primero que carga son los estilos del body (a menos que antes tengas algún script u otros estilos), así que primero carga el color de fondo y después lo demás, y si el blog anda lento entonces será normal que en un pestañeo se muestre sólo eso y luego se cargue el resto.
Gorka 19 de agosto de 2012, 11:39
Qué bueno Potro!!!
¿Serviría también para la imagen de fondo en la intro del blog???
El Potro 19 de agosto de 2012, 20:21
Con la opción de CSS3 sí, también debe funcionar ;)
Gorka 20 de agosto de 2012, 5:15
Husky 19 de agosto de 2012, 12:17
Gracias por el aporte amigo mío. Ya le daré utilidad ;)
Admin 19 de agosto de 2012, 13:06
Muy bueno! Te pregunte esto hace unos dias en otra entrada pero me digiste que no lo sabias ¬¬ Seguro q no me entendiste=)))
Oye Potro una pregunta, sabes como poner un Baner(Gadget) en la cabecera ?, como en esta pagina-web: css-pro.ru
Admin 19 de agosto de 2012, 13:14
Se me olbido una cosa=) cual es el codigo para insertar una imagen en un Javascript sin que me redireccione a otro sitio sino que solo sea una imagen y ya eata_??? este codigo: http://prntscr.com/e2d94 , sirve para cuando pulses en la imagen te salga otra pagina... pero yo lo que quiero es insertar una imagen y ya sta... Como lo hago? Gracias=)
Admin 19 de agosto de 2012, 13:52
Se que soy pesao, pero necesito mucho esto=) como poner un gadget tipo un cuadro donde pueda poner mi texto?... ej: http://prntscr.com/e2fhy
El Potro 19 de agosto de 2012, 21:05
Hola admin, si quieres que no tenga enlace quítale las etiquetas de los lados.
Para lo demás mira estas entradas:
http://ciudadblogger.com/2010/08/dividir-la-cabecera-del-blog.html
http://ciudadblogger.com/2010/06/gadget-para-que-nos-enlacen.html
Admin 20 de agosto de 2012, 9:13
Gracias_)
Anónimo 19 de agosto de 2012, 13:59
Hola , potro le coloque un boton a mi blog que dice NO HAGAS CLICK AQUI haces click sobre el y te lleva a la pagina que yo quiero pero no te la abre en una nueva pestaña lo que quisiera hacer yo es que te lleve a una nueva pestaña ! este es mi blog
http://megustaelterror.blogspot.com/
Anónimo 19 de agosto de 2012, 14:14
Otra duda :S Mira , yo quiero ponerle una radio como la de esta pagina http://disneyatodoritmo.blogspot.com.ar/ pero no se como tengo una lista de IPS de radios pero no se como poner la radio si me respondieras te lo agradeceria muchisimo.
Anónimo 19 de agosto de 2012, 15:06
La de la radio ya la solucione pero ahora cambio tengo muchas preguntas :S Espero que no te moleste , vi en internet como poner otra columna pero pruebe lo que pruebe no puedo vos tenes algun link que sea mas especifico ya que no me andan los otros no entiendo :S a este blog le quisiera agregar una columna izquierda : http://megustaelterror.blogspot.com.ar/
El Potro 19 de agosto de 2012, 21:45
Hola Naza Ocantos. Mira esta entrada para que veas cómo hacer que un enlace se abra en otra pestaña:
Lo de la sidebar hay varios en la red, si no te funciona alguno deja un comentario en la entrada de ese blog, seguro sabrán decirte qué sucede.
Vero 20 de agosto de 2012, 10:29
Anónimo 19 de agosto de 2012, 16:23
Anónimo 19 de agosto de 2012, 19:06
Como pongo un gadget alado de la cabezera?
El Potro 20 de agosto de 2012, 9:45
Hola Agustin, mira esta entrada, ahí verás cómo poder poner un gadget al lado de la cabecera:
Alejo 19 de agosto de 2012, 20:11
hola potro felicitaciones por tu blog tengo una pregunta este truco para el fondo del blog funciona o hay manera de hacerlo con el truco de fondo al azar que publicaste anteriormente
gracias y saludos desde colombia
El Potro 20 de agosto de 2012, 10:22
Sí Ale, pero sólo con la opción de CSS3, tendrías que agregar en ese código, justo después de background-attachment:fixed;
background-size: cover; background-repeat:no-repeat; background-position:center center;
Alejo 20 de agosto de 2012, 12:20
gracias potro sos un maestro en esto de codecs funciona pero le puse repeat por que en explorer (como cosa rara) al alejarlo (ctrl+-)no capta mira http://musiconferencias.blogspot.com/
El Potro 20 de agosto de 2012, 16:14
Recuerda que esta propiedad sólo es reconocida en IE9 en adelante, las versiones anteriores no.
Anónimo 20 de agosto de 2012, 0:32
Potro, muy buena la entrada.
Ahora, ¿Pero pueden colocarse algunas líneas de código para que aparezcan al abrirlos o eso no tiene solución?
El Potro 20 de agosto de 2012, 12:29
¿Para que sea lo primero que cargue? No sé si sea posible, pero no serviría de mucho porque primero se carga el CSS y luego el script así que no habría quizá ninguna diferencia.
Anónimo 20 de agosto de 2012, 14:05
Entonces a dejar el fondo blanco como es casi todo el blog y apenas se notará la carga del blog.
Unknown 20 de agosto de 2012, 6:09
Hola Potro. Mañana mi madre me va a poner publicidad AdSense en el blog pero tengo un par de preguntas:
1- En mi cuenta de Blogger no soy mayor de edad (tengo 15 años), pero en la cuenta de AdSense, al registrarme, ¿serviría poner el nombre completo de mi madre para que no haya problemas con la edad?
2- Estoy también preocupado por si alguien hace muchos clics un día. ¿Hay mucho riesgo de que me quiten la publicidad? ¿A ti te ha pasado alguna vez eso y has podido poner nuevamente la publicidad o no te dan acceso a ponerla de nuevo?
El Potro 20 de agosto de 2012, 13:08
Si ella será la titular de la cuenta entonces todos los datos deben ser de ella.
Si alguien hace muchos clicks podrían invalidar esos clicks y ya, no pasa nada, en otros casos podrían suspender la cuenta.
Winx Club All 20 de agosto de 2012, 11:10
Esta solución es fantástica pero tengo una duda. En mi blog Winx Club All siempre pongo los fondos con personajes de la serie y me preguntaba si la imagen del fondo al ponerse del tamaño de la pantalla de otra persona se podrían ver los personajes deformados (ensanchados o alargados).
El Potro 20 de agosto de 2012, 14:28
Se redimensiona proporcionalmente. Haz la prueba en otro blog, luego cambia el tamaño de la ventana del navegador y verás cómo se comporta la imagen de fondo.
Gorka 20 de agosto de 2012, 12:07
Hola Potro, ya sé que esta no es la entrada, pero es que no encuentro en el buscador. Quería ver una entrada que escribiste sobre la organización de los códigos de la plantilla. Me refiero a cómo escribir texto explicativo entre códigos sin que afecten a la plantilla y así saber qué es cada cosa.
Gracias y perdona!!!
El Potro 20 de agosto de 2012, 15:06
Me parece que es esta la entrada que buscas:
Gorka 21 de agosto de 2012, 6:49
Puede ser Potro, ¿no había otra???
El Potro 21 de agosto de 2012, 13:07
No que yo recuerde. Pero ahí se menciona la cuestión de los comentarios en los códigos.
Gorka 22 de agosto de 2012, 7:28
Redacción 20 de agosto de 2012, 13:34
Muy buena entrada, Potro.
Una pregunta: ¿Crees que funcione igual si utilizo la propiedad background-size: 100% 100%?
Es que aprecio una delgada línea blanca en el margen izquierdo, pero si sustituyo la propiedad background-size:cover por la que mencioné, ese detalle desaparece.
Entonces, me gustaría saber si de igual forma seguirá mostrándose la imagen de fondo en todas las pantallas, sin importar la resolución del monitor.
Graciasy saludos. :D
El Potro 20 de agosto de 2012, 17:09
No es igual aunque también puede cubrir la pantalla, la diferencia es que con el porcentaje estableces que tenga ese ancho y ese alto. Con el cover le indicas que se redimensione proporcionalmente hasta que se cubra toda la pantalla.
Anónimo 20 de agosto de 2012, 14:09
Y0 habia puesto
background: #eee [url(#) repeat-x fixed top center];
y también funciona.
El Potro 20 de agosto de 2012, 19:31
Son dos cosas diferentes. Lo que esta entrada trata de resolver es cómo hacer que una imagen pueda verse a lo ancho y alto del blog sin perder su dimensión. El repeat-x, repeat-y, o simplemente repeat lo que hacen es repetir la imagen, y no es el resultado que siempre estamos buscando.
Anónimo 20 de agosto de 2012, 23:50
Ya imagino, no obstante, personalmente, nunca podré hacer uso de lo que tan bien explicas en esta entrada.
Unknown 20 de agosto de 2012, 19:26
como puedo hacer un iframe con el elemento que contenga sea transparente
El Potro 21 de agosto de 2012, 11:27
No puedes manipular el contenido dentro del iframe. El iframe lo que hace es mostrar un sitio externo en otro, pero no puedes editar o manipular nada de ese sitio externo a menos que tú seas el dueño del mismo.
Anónimo 20 de agosto de 2012, 23:54
y todo porque uno de los blogs está supercargado. Mas de 10.300 entradas tiene.
SD92 21 de agosto de 2012, 10:39
Buenos días potro, Por favor has un Post - Tutorial para enseñar a colocar paginación en blogger!! Estaría muy bueno poder paginar nuestro blog y quitar eso de "pagina principal" y "Entrada antigua". Se verían mucho mas profesionales.
Aquí te dejo un Link de un tutorial de paginacion, que en lo personal no entiendo nada, por que no lo explican muy bien.
http://emiliocoboscmc.blogspot.com/2012/04/paginacion-para-blogger-mas-ligera.html
Por favor Potro has un tutorial para Paginacion en Blogger!! bye. ;)
El Potro 21 de agosto de 2012, 15:57
Lo tomaré en cuenta SD92 aunque de publicar algún sistema de paginación no sería ahora. De cualquier forma si tienes una duda con ese tutorial puedes preguntarle tus dudas a Emilio, estoy seguro que te responderá con mucho gusto :)
Lucas Maidana 21 de agosto de 2012, 15:33
Hola, Potro. Tengo un problema con mi blog (BlogDesign), al ingresar a las entradas no aparece en cuerpo del post. Ya me fijé por toda la plantilla pero no encuentro ningun error que pudo haber provocado esto. Espero que me puedas ayudar, Saludos.
El Potro 22 de agosto de 2012, 9:37
Hola Lucas, posiblemente esté faltando un código como <data:post.body/>
Si puedes revisa la plantilla original y mira esa área (donde está ese código) y verifica que no te falte algo más. Seguramente en algún cambio algo eliminaste o usaste una condicional que no era la adecuada.
FasteN 21 de agosto de 2012, 22:45
Hola Potro como estas?. Bien pues, mi duda esta fuera de este Post... Queria hacerte una pequeña consulta. En mi blog, en la parte inferior, hay un texto que dice "cargando", nose porque razon o circustancia esta allì, si yo no puse nada, ningun gadget ni nada por el estilo... Ya busque en la plantilla y no hay nada, no entiendo porque aparece. En fin, me podrias ayudar?... Este es mi blog. http://www.ViciosaCity.blogspot.com.ar
El Potro 22 de agosto de 2012, 11:42
¿Ya has probado verlo desde otro navegador? Porque a mí no me aparece nada, quizá sea una extensión que uses en tu navegador.
Priamo 22 de agosto de 2012, 1:25
Buenos dias y perdon por escribir aqui esta pregunta pero....: Shadowbox ha dejado de funcionar. sabes algo?
El Potro 22 de agosto de 2012, 11:43
Funciona igual que siempre Priamo. Cualquier duda sobre ese tema déjalo en la entrada de Shadowbox para no desviarnos del tema de este post ;)
Confía En Cristo ๑Vane๑ 22 de agosto de 2012, 6:08
Confía En Cristo ๑Vane๑ 22 de agosto de 2012, 6:11
Muy buen tutorial!!!
Te queria preguntar, sabes de que trata esta pagina, se llama asi, punto com, es que me invitaron y quiero saber bien primero de que trata?
Aqui el nombre de la pagina:
El Potro 22 de agosto de 2012, 12:22
No tengo idea, es la primera vez que sé de la existencia de ese sitio o.O
Confía En Cristo ๑Vane๑ 22 de agosto de 2012, 6:21
Una cosita mas, cuando dices tener solo una version de jQuery, significa que?
dejo la que tengo y elimino la linea jQuery de este scrit
se la dejo a este scrit y elimino la que tenia puesta?
o como, explicame porfis me confundi un poco ahi, jejeje.
y cual de las dos me recomiendas en lo personal tu?
Debo borrar el fondo de body{
y dejar solo el del scrit?
Yo utiliso la plantilla de creador de blogger, la que se modifica y se sube el fondo por el editor, comprendes?
entonces, que hago en este caso.?
El Potro 22 de agosto de 2012, 12:31
Borrar el fondo de body{ es opcional, eso dependerá de ti, pero no es necesario.
Lo otro es dejar sólo una, ¿cuál? la más reciente, como se indica en esa entrada :)
Unknown 22 de agosto de 2012, 8:06
Buenos días Potro esta pregunta no corresponde al tema pero no encontre en donde publicarla.
En mi blog teleszona61.blogspot.com no puedo mostrar mas de 9 entradas, ya modifique en Configuracion Entradas y en Entradas le puse 20, 10, 15 etc y solo me muestra como maximo 9 entradas... agradezco tu ayuda al respecto.
El Potro 22 de agosto de 2012, 18:41
Hola Abraham, mira esta entrada, ahí se explica por qué sucede:
VDesign Co. 22 de agosto de 2012, 20:07
Oh! rayos es lo que me temía, ya la había leído... pero ¿en verdad no hay nada que hacer? quiero aunque sea 10 publicaciones...
Ni modos, muchas gracias nuevamente y seguimos aqui a la expectativa!
El Potro 23 de agosto de 2012, 8:41
Pues nada más que elimines algunos gadgets, o que uses el Leer más nativo de Blogger, con ese es seguro que te aparecen más entradas.
Unknown 23 de agosto de 2012, 10:43
Tienes razón ya aparecen mas, Potro Dios te bendiga! En verdad que tu sitio nos es de mucha ayuda!
Gra-cias Potrooo!!
El Potro 23 de agosto de 2012, 16:54
Priamo 22 de agosto de 2012, 10:00
Hola Potro, pido disculpas shadowbox funciona perfectamente.
FasteN 22 de agosto de 2012, 10:12
Potro te deje un mensaje y no se publico, no entiendo porque :\ . Solamente te decia que debajo de mi blog, en la parte izquierda hay una palabra que dice "Cargando"... pero no tengo ningun gadget ni nada por el estilo, ya revise la plantilla y no hay nada... No entiendo porque esta eso allì. Quisiera que me ayudaras a quitarlo porfavor, te agradeceria mucho. (Obviamente que haciendo click en mi Nombre podras entrar al Blog).
El Potro 22 de agosto de 2012, 19:02
Lo que pasa es que desde hace algunos meses los comentarios se moderan, por eso no los ves inmediatamente ;)
Ya te he respondido más arriba.
Afm 22 de agosto de 2012, 13:36
El Potro 22 de agosto de 2012, 19:46
Hola Afm, hace días te respondí esa pregunta en la entrada sobre los comentarios anidados.
Unknown 22 de agosto de 2012, 14:34
Potro una cosa fuera de esto!...
Hay alguna forma de que mi blog http://www.muyrojo.com.ar/ tenga como url esto http://www.muyrojo.com.ar/independiente/ pero siempre ( al entrar al blog en las entradas,etc?
El Potro 22 de agosto de 2012, 20:12
No Gonzalo, no podemos configurar las URLs de esa manera.
Unknown 22 de agosto de 2012, 14:46
hola potro bueno queria preguntar algo fuera del tema es con los comentarios anidados pues lo puse segun oloblogger y me funciono perfecto pero el problema es que no se que pasa con el cometbox de facebook ya que solamente aparece cuando comentas con el caja de comentarios del blog y si no no sale nada :( si pudieras ayudarme muchas gracias por su atencion
El Potro 22 de agosto de 2012, 20:47
Hola masterweb8000, mira la entrada de la caja de comentarios de Facebook, ahí dice dónde deben ponerse los códigos cuando se tienen los comentarios anidados.
Cualquier duda sobre ese tema déjala allá.
PERDIDOS POR EL UNIVERSO 23 de agosto de 2012, 6:23
sois los mejores,gracias.
FasteN 22 de agosto de 2012, 21:49
Gracias por tu respuesta Potro, sera eso..
Afm 23 de agosto de 2012, 2:41
Potro necesito tu ayuda y es que no me funciona el sistema de moderacion no se porque le pongo que Si y el correo pero al poner un comentario nada... lo publica sin poner esperando aprobacion.
Necesito ayuda, Un saludo.
El Potro 23 de agosto de 2012, 9:40
Hola Afm, los comentarios tuyos no se moderan si tú eres el autor, sólo se moderan los comentarios de los demás.
Administrador 23 de agosto de 2012, 12:34
El Potro 23 de agosto de 2012, 18:15
Hola Cirprian, deja la pregunta en esa entrada que es ahí donde corresponde el tema.
Juvinao 23 de agosto de 2012, 12:53
Potro tengo una pregunta..
Yo uso Dropbox para alojar varios scripts pero me he encontrado con blogs que usan mucho ese sistema y luego de un tiempo los scripts se caen quisiera que me recomendaras algun sitio para alojar scripts.. que sea diferente a Google Sites o Dropbox
El Potro 23 de agosto de 2012, 22:52
Google Sites es bueno, el problema es que si alguien usa un dominio propio no podrá usar esos archivos. Quizá convenga que los alojes en Google Code, no es precisamente el propósito de ese servicio pero muchos suben ahí sus scripts.
Juvinao 24 de agosto de 2012, 7:44
Potro yo uso un dominio .info y Google Code si sirve en blogs con dominio propio?
El Potro 24 de agosto de 2012, 10:58
Con Google Code no debería haber problema (o no recuerdo si lo hay), pero haz la prueba, este script está alojado ahí, mira si te funciona en tu blog:
http://ciudadblogger.com/2009/06/reloj-de-cuenta-regresiva.html
Unknown 23 de agosto de 2012, 14:12
Otra cosilla, hay alguna forma de sincronizar disquis con el numero de comentarios que se muestra al costade de mi blog...
Aca un blog lo hizo no se como ..http://www.soydiablo.com.ar/2012/08/concentrados-con-regreso.htm
El mios es muyrojo.com.ar
El Potro 23 de agosto de 2012, 23:21
Sólo usé Disqus una vez y fue hace mucho tiempo. Pero hace poco leí que un usuario decía que ahí en Disqus tenían la opción, o al menos eso entendí. Quizá en algún blog donde hablen sobre ese gestor de comentarios puedan decirte mejor.
FLV 24 de agosto de 2012, 1:31
FLV 24 de agosto de 2012, 1:32
El Potro 24 de agosto de 2012, 10:17
Hola FLV, podrías hacer eso usando un tooltip, mira si alguno de estos te permite hacerlo con una imagen:
Unknown 24 de agosto de 2012, 15:22
Pues yo tengo el jquery a la versión 1.7.1 lo cambio a la version 1.7.2?
El Potro 24 de agosto de 2012, 21:16
Preferentemente sí, es la más reciente.
Mae Taras 25 de agosto de 2012, 4:21
¡Hola! He descubierto tu blog hoy y... ¡me encanta! La verdad es que es muy útil para amateurs como yo, jeje.
Una cosita: ¿hay alguna entrada donde expliques algo más del jQuery? Es la primera vez que lo escucho y antes de llevar a cabo este tutorial quiero saber un poco. ¿Es un programa, aplicación, solo un script invisible para habilitar la escritura...?
Espero me respondas, ¡muchas gracias!
El Potro 25 de agosto de 2012, 10:02
Hola Mae Taras, ¡bienvenida a Ciudad Blogger!
jQuery es una librería de scripts que permite conseguir ciertos efectos, ¿cuáles? son muchísimos, el de esta entrada es uno de ellos pero hay casi para todo, para crear efectos deslizantes, de desvanecimiento, crear galerías, etc. Son muchas cosas las que se pueden hacer con jQuery, pero si apenas estás comenzando no te preocupes mucho por este tema aun, ya con el tiempo se podrán ir presentando dudas o problemas y ahí aprenderemos más sobre ello :)
Unknown 25 de agosto de 2012, 7:23
Hola Potro. Ya tengo solicitada mi cuenta para adsense (solo que desde otro correo gmail que es también administrador de mi blog). He enlazado el correo que tenía la cuenta de Adsense (aún sin aprobar) a mi blog, y creo que ya está todo correctamente y solo he de esperar a que me validen la inscripción.
Esta es la imagen que me aparece: http://dl.dropbox.com/u/55341396/adsense.png ¿Está correctamente o he metido la pata?
El Potro 25 de agosto de 2012, 10:09
No parece haber nada mal, ahora sólo a esperar :)
Unknown 26 de agosto de 2012, 3:36
Potro, finalmente he hecho todo bien, pero me han enviado un correo diciendo que no tengo contenido suficiente. Sin embargo, tengo 227 noticias y el blog lleva un año online. ¿Qué me recomiendas que haga? Porque no tengo ni idea de por qué hay poco contenido. Es en mi blog llamado "Campamento Web", intenta mirarlo para ver si se te ocurre alguna solución...
El Potro 26 de agosto de 2012, 15:37
Tal vez no es por el número de entradas sino por la longitud de cada una, he revisado algunas de las que están en la portada y sí las veo muy cortas de contenido. Sería bueno que las siguientes las hagas un poco más largas, así más adelante podrías solicitar de nuevo la inscripción al programa de AdSense.
Opinión Diversa 25 de agosto de 2012, 9:52
Hola Potro, Saludos
Quisiera saber como le hago para bulicar una foto sin que tenga el efecto de Leer Mas... Es decir que si deseo publicar una foto apareza del tamaño real en la página que yo quiera. Gracias
El Potro 25 de agosto de 2012, 11:01
Hola Opinion Diversa, tendrías que utilizar el Leer más nativo de Blogger, el problema es que no es automático, tú eliges en cuáles entradas ponerlo y dónde quieres que haga el corte del resumen. La ventaja es que te pondría la imagen en su tamaño real como deseas.
Unknown 25 de agosto de 2012, 13:15
Quiero poner un Gadget en la que haya un contador como se puede hacer¿?
El Potro 26 de agosto de 2012, 10:04
¿Un contador de qué, de visitas? Mira la categoría "Contadores".
El Crack Loko 25 de agosto de 2012, 22:08
¡Hola Hola Amigo Potro! ¡Espero y te encuentres muy bien!
Bueno, en realidad he de decir que lo que voy a preguntar no tiene que ver en nada con esta entrada, ¡Espero me disculpes! Pero amigo, en verdad quisiera saber esto:
Amigo potro. ¿Dime donde puedo ir para poner a mi blog como promosión para que google lo vea para el blog favorito de la semana en blogger?
¡Porfavor amigo potro ayúdame! ¡Es que quisiera que conoscan más mi blog.
De igual, aquí te doy la dirección, espero y me puedas ayudar mucho mucho en esto.
http://www.elcrackloko.blogspot.com
¡Y dime tú! ¿que opinas de mi blog?
Bueno amigo, espero tu respuesta, ¡Y porfavor dime a donde voy para poner a mi blog como promosión para que google lo vea para el favorito de la semana!
El Potro 26 de agosto de 2012, 14:46
Hola El Crack Loko, en el foro de Blogger verás la información sobre los blogs favoritos de la semana:
http://productforums.google.com/forum/#!category-topic/blogger-es/3R2AUUFns-w
Ines lazo 26 de agosto de 2012, 2:08
esto era exactamente lo que necesitaba, pero tengo un gran problema, ojala puedas ayudarme, voy a estar eternamente agradecida.
en mi blog (el arte de ser mujer) hice esto de que el fondo cubra toda la pantalla, pero no se veia completa la imagen, es decir, si cubria toda la pantalla, pero no se veia la decoracion de la parte de abajo, y no se por que se me ocurrio cambiar la plantilla, solo por experimentar, pero hice un respaldo antes. y como en ninguna me mostraban las lineas divisorias en los gadgets, volvi a poner la plantilla antigua, pero ahora le pongo fondo con esta opcion de que se vea en toda la pantalla y no me lo muestra, volvi a poner el fondo en un gadget como lo tenia antes y tampoco me lo muestra, solo se ve el fondo rosa, que es el que tengo directamente el las opciones avanzadas del blog. que estara pasando? tendre mal algun codigo de la plantilla? o es que ya no me va a permitir ninguna modificacion? cabe mencionar que antes de hacer el respaldo, borré los codigos que tienes en esta entrada (los de background)y según yo puse los que anteriormente tenia. ya me desesperé de tanto estar intentando ponerle el fondo y nada. plis ayudame!!
upss, ya me extendi mucho, casi pongo una biblia jejeje, sorry.
muchas muchas gracias. saluditos
El Potro 26 de agosto de 2012, 15:20
Hola ARILU2, entré a tu blog pero no veo puestos ninguno de los dos métodos, necesitaría que lo pongas (aunque no funcione) para que pueda ver si es la colocación del código, la URL de la imagen, o algún otro detalle que pueda estar afectando.
ZafiN 26 de agosto de 2012, 12:30
Hola El Potro, no encuentro una pagina de contacto en tu sitio Web. Mi nombre es Massimiliano y me gustaria contactarte para una propuesta de JV al que dije a mi equipo de Marketing que iba a tratar personalmente con usted.
Podria decirme por qué medio puedo contactarlo?
El Potro 26 de agosto de 2012, 17:20
Hola Massimiliano, si gustas puedes enviarme un mensaje privado desde la página de Facebook:
facebook.ciudadblogger.com
Anónimo 26 de agosto de 2012, 15:06
Hola, las reacciones vienen incluidas en la configuración de la caja de correo de Disqus. Estaba registrado desde hacia más de tres años, me ha dado por instalarle en uno de los blog y ahí han aparecido junto a los comentarios las reacciones.
Lo curioso de este correo es que puedes comentar en algunos periódicos sin necesidad de estar registrado. Eso sí, aunque cuando escribes el comentario aparece la imagen que hayas puesto en la cuenta disqus no se si los del propio medio o quien sea anula las imagen y el nombre del perfil y deja una que trae ese correo para comentar como Guest (invitado)
El Potro 26 de agosto de 2012, 18:39
Pues tú sabes más de ese tema que yo :)
VacilandoUnRap 26 de agosto de 2012, 19:29
Potro acabo de aplicarlo pero no se vé en la parte superior de la web, que raro, que podría ser me puedes ayudar? hechale una miradita please, saludos.
http://rapychelas.blogspot.com/
El Potro 26 de agosto de 2012, 21:19
Es por la plantilla, agrega estos estilos:
.body-fauxcolumns, .content-fauxcolumns {
El Crack Loko 26 de agosto de 2012, 19:35
Hola amigo, ¡Muchas fracias amigo potro!
Ya envié mi Blog, ¡Y vamos aver que pasa! ¡Ojalá lo cojan como el favorito! Aunque no importa, ¡Google lo verá!
Oye amigo potro, Comparte mi blog porfavor.
¡Saludos amigo y muchas gracias por todo!
Ines lazo 26 de agosto de 2012, 20:48
hola de nuevo Potro
mil gracias por tu ayuda, ya lo puse y por fin se ve de nuevo!!!!!! que bien se ve jejeje.
si lo habia quitado porque como no funcionaba, pero lo tenia con el codigo en gadget. y tampoco se veia. pero lo puse de nuevo en html y por fin quedó, no se que abra pasado, porque te juro que estaba poniendo el mismo codigo, lo copiaba de tu entrada y lo pegaba y no se veia. en fin, lo bueno es que ya quedo, y modifique mi fondo para que ahora si se vea la decoracion de abajo.
de nuevo un millon de gracias por toda tu ayuda. no sabes cuanto me ha servido lo que publicas, bueno, ya te habras dado cuenta al ver mi blog verdad jejejeje.
espero no tener que darte mas lata, al menos no pronto. saluditos
El Potro 27 de agosto de 2012, 8:54
Qué gusto que se resolvió ARILU2, saludos!
Unknown 27 de agosto de 2012, 10:25
Soy un novato, he intentado que la imagen del blog cubra toda la pantalla y me he quedado sin imagen!
Tan sólo quiero si me podrías facilitar los parámetros predeterminados que borré y que vienen en la edición de HTML después de body {.
Mil gracias y enhorabuena por tu blog Potro.
El Potro 27 de agosto de 2012, 12:47
Hola adrian, no sé cuál plantilla uses, pero sube la plantilla original a un blog de pruebas y mira cuáles son los códigos que tenías ahí.
Xisco Servera (Locomosxca) 27 de agosto de 2012, 13:43
Me a ido genial, es lo que buscaba, ahora a ver el slider que tal, gracias.
El Potro 27 de agosto de 2012, 20:51
Qué gusto que todo haya salido bien!
Yolanda G.C 27 de agosto de 2012, 15:55
Hola Potro!!...disculpa es que mi bloc es privado y tengo solo unos cuantos amigos pero ahora he querido añadir alguno mas y lo escribo pero no aparece en el panel ni tampoco aparece mi lista de contactos para agregarlos desde hay...no se que puede pasar antes si podía que es lo que puede estar mal?...
Y referente a lo que dices del fondo del bloc a mi me gustaría saber como poder hacer que ocupe todo el fondo de la entrada la imagen sin que se repita o salga dos veces..como puedo hacerlo? yo he probado haciendo la imagen mas grande pero se me repite dos veces igual...
Bueno muchas gracias y un saludo.
El Potro 27 de agosto de 2012, 21:29
Hola Yolanda, no sé porqué pueda pasar eso, pero no estaría de más que pruebes hacerlo en otro navegador. También recuerda que en los blogs privados sólo puedes tener 50 invitados.
Para lo otro mira esta entrada:
http://ciudadblogger.com/2009/04/entradas-con-imagen-de-fondo.html
Ahí cambia esto:
background="http://URL de la imagen de fondo"
style="background:url(URL de la imagen) no-repeat center center fixed; background-size: cover;"
Unknown 27 de agosto de 2012, 16:20
Claro, qué buena idea.
Ya solucioné ese incidente pero ahora misteriosamente algunas partes del blog se ven en azul y en morado cuando yo no lo he puesto así. He estado repasando en Personalizar - Avanzado y me dice que está todo negro, blanco y gris como yo lo quiero. Incluso he probado a volver a volverlo a marcar todo en negro, blanco y gris y persiste el colorido.
El Potro 28 de agosto de 2012, 12:06
Hola de nuevo adrian, esos son los enlaces activos y visitados, aquí puedes ver cómo personalizarlos, aunque creo que desde el Diseñador de plantillas también los puedes personalizar:
joe cornel 27 de agosto de 2012, 17:01
Hola disculpa tengo una duda he bajado una platilla de btemplates pero me dice que para que salgan mis entradas en la barra en donde van pasando unas entradas tengo que editar no se que cosa no se si tengas un tema de esto o puedas explicarme como hacerlo, muchas gracias espero tu respuesta.
El Potro 28 de agosto de 2012, 12:07
Hola joe, ¿cuál es la plantilla que has instalado?
Unknown 28 de agosto de 2012, 12:41
Perdon Potro, la pregunta que deje no era en esta Entrada, sino en esta:
http://ciudadblogger.com/2012/08/slideshow-de-imagenes-como-fondo-del-blog.html
Yolanda G.C 28 de agosto de 2012, 13:46
Muchas gracias Potro!! eres muy amable probare hacerlo.
Fransoluciones 29 de agosto de 2012, 15:01
Maestro es posible colocar un slider como fondo de blog tipo http://www.zara.com/webapp/wcs/stores/servlet/home/es/es
y cambiar el ancho del blog completo de una plantilla prediseñada como http://fransoluciones.blogspot.com.es/
El Potro 29 de agosto de 2012, 19:19
Posiblemente sí, aunque no con este. A ver si después me encuentro con alguno que haga las transiciones de esa manera o con otros efectos.
Unknown 29 de agosto de 2012, 19:24
Hola, Potro. Hace unos días descubrí el blog pero, navengando un poco por las entradas, pude ver que me va a ayudar a resolver varios problemas que tengo con mi blog (en proceso) por lo que te agradezco de antemano todo lo que publicás para los inexpertos como yo. Bueno, también quería hacerte una pregunta: la imagen, sea la resolución del monitor menor o mayor, ¿va a tener alguna distorción? No sé si alguien ya preguntó pero bueno...
El Potro 29 de agosto de 2012, 22:15
Gracias por tu comentario Pogue Suneka. No tendrá distorsión en cuanto a proporción de tamaño, pero obviamente si la imagen es muy pequeña y si se ve en un monitor muy grande entonces no se verá de tan buena calidad. Lo óptimo sería usar una imagen un poco grande para que no pierda calidad al ampliarse.
Unknown 2 de septiembre de 2012, 14:46
Muchas gracias por responder. Me ayudo mucho.
RAS LION 3 de septiembre de 2012, 21:20
Hey potroaludos si eres tan amable pido tu ayuda jeje intente hacer el primero paso pero
ami no me sale asi
si no que me sale diferente asi:
como le puedo hacer? que valores cambio? x ke me sale diferen? tengo una plantilla de picture windows agradeceria mucho tu ayuda bro
El Potro 11 de septiembre de 2012, 18:48
Hola RAS LION, es el background que está dentro del body { el que debes cambiar, es decir, cambiar esto:
Unknown 3 de septiembre de 2012, 22:10
COMO PUEDO HACER PARA QUE LOS GADGETS Y LAS ENTRADAS DE MI BLOG QUEDEN CON EL FONDO NEGRO Y ATRAS DE ESE FONDO OTRO ? COMO EN ESTE: http://musiceverydayplease.blogspot.com.ar/
El Potro 11 de septiembre de 2012, 19:05
Desde el Diseñador de plantillas puedes elegir qué color de fondo debe tener la sidebar y las entradas.
Unknown 6 de septiembre de 2012, 21:14
Hola, yo tengo este problema con mi blog, y no puedo solucionar el problema del fondo, quiero sacar eso blanco!
https://dl.dropbox.com/u/100138337/error.bmp
Espero su respuesta y gracias!
El Potro 12 de septiembre de 2012, 19:25
Ese es el alto del blog, lo que sucede es que el alto no alcanza a cubrir tu imagen de fondo, por lo tanto tienes que hacer que el fondo se repita a lo alto:
background: #ffffff url(http://1.bp.blogspot.com/-cwNO5TcbcKY/UC11llLz7kI/AAAAAAAAAEg/MoJ3A3ArirY/s0/wall.JPG) no-repeat scroll top center;
Tienes que cambiar ese no-repeat por repeat-y
Loane 10 de septiembre de 2012, 2:07
Quizás parezca un poco tonta pero no entiendo lo del URL (?) no es la dirreción no ? o si, en fin, quien pueda respondanme
El Potro 13 de septiembre de 2012, 15:22
Hola Loane, la URL de la imagen es el link de la imagen. Mira esta entrada para que veas cómo subir la imagen y conseguir la URL:
beleng985 13 de septiembre de 2012, 21:03
Gracias por eso me sirvio mucho
Maira Gall 15 de septiembre de 2012, 13:08
Hola! Una duda, debería subir la imágen en algún tamaño mínimo y máximo particular? Es decir, estoy trabajando con una imagen en alta resolución de unos 4000px x 3000px y tengo miedo de que sea demasiado pesada y tarde mucho en cargar...
El Potro 16 de septiembre de 2012, 17:43
No hay una medida específica, pero yo sí consideraría no hacerla tan grande justamente para que no tarde mucho en cargar. Prueba con varias medidas para que veas qué tanto se distorsiona, de esa manera encontrarás la medida adecuada para ti.
LA LOMA 5 de octubre de 2012, 12:21
hola tengo un problema...la imagen de fondo me aparece luego de los post... en la parte superior, es decir, en la cabezera no me aparece la imagen de fondo. que pudo pasar??? este es mi blog http://futbollaloma.blogspot.com.ar/
El Potro 5 de octubre de 2012, 21:10
Es por un estilo de tu plantilla. Agrega antes de ]]></b:skin> lo siguiente:
LA LOMA 6 de octubre de 2012, 12:51
perfecto! muchas gracias por la informacion!
Anónimo 6 de octubre de 2012, 14:45
Estoy teniéndo problemas con el fondo del blog y no encuentro la solución. La cuestión es que la imagen del blog me aparece "más arriba" de lo que debería. ¿De qué puede ser?
Dejo el enlace: http://www.lennykravitzspain.com/
¡Me trae de cabeza! :/
El Potro 7 de octubre de 2012, 19:57
Hola, abajo del background-repeat agrega esto:
background-position: 0px 35px;
Anónimo 8 de octubre de 2012, 9:04
¡¡Muchísimas gracias!! :-D
Sheila 9 de octubre de 2012, 3:02
Woww! me ha quedado de pegada. He usado la segunda opción y se ve guapisimo ahora el blog. La única pega que si quiero que se desplace no lo hace, pero ha quedado genial Gracias!
El Potro 9 de octubre de 2012, 12:06
Unknown 9 de octubre de 2012, 11:31
Q wena... graciass Potro. Me quedo con la segunda!
El Potro 9 de octubre de 2012, 16:03
Parece que es la favorita :)
ladyruss 11 de octubre de 2012, 13:03
Hola Potro, se puede colocar un fondo dentro de una pagina interior del blog independiente.
El Potro 11 de octubre de 2012, 18:16
No he comprendido ladyruss, ¿dónde quieres el fondo, en la entrada, o que ese fondo sólo se vea en una página en concreto?
Exxil 17 de octubre de 2012, 13:11
Hola Potro que tal saludos ! queria hacerte una pregunta quiero usar la segunda opcion con jQuery
pero sucede que yo tengo 2 fondos uno que se muestra en la portada y el otro se muestra en el resto del blog
si me funcionara o es otro procedimiento ? gracias estare muy pendiente para saber si tiene solucion,
este sreia el primero que se muestra en el resto del blog
background-image: url(URLDEIMAGEN);
y el segundo para que se muestra solo en la portada del blog
body {background:#000000 url(URLDEIMAGEN);
El Potro 17 de octubre de 2012, 19:32
Puedes usarlo, y para que no se ejecute en la portada (porque supongo que ese no lo quieres modificar) encierra el código del script también en una condicional, la que es para que algo se ejecute en todas partes MENOS en la portada.
Exxil 20 de octubre de 2012, 16:53
Excelente ! no recordaba las condicionales. Tan sencillo como usar condicionales! y disculpa Potro no me explique correctamente en mi comentario num. 80 pues en realidad quiero usar este Tuto para los 2 fondos no solo para 1, y solo tenia que usar 2 condicionales uno para la portada y otro para el resto del blog- jejeje, gracias por tu respuesta. bye!
Fauci 26 de octubre de 2012, 14:22
Primero de todo felicitarte, por tus artículos, que son de gran ayuda para todos los que queremos tener un bloc en condiciones.
Hice una intro según tu articulo intro con jquery y cookies, y la verdad que muy bien, el problema es la imagen que tengo, quiero que se ajuste a toda la pantalla y no hay manera.
Primero si pongo la imagen en el scrip del intro, en background como tu recomendaste como fondo, no se que código poner para que se ajuste, donde tendría que poner el scrip que indicas en este articulo, ya que lo he colocado y no he conseguido nada. He seguido los pasos para que no haya conflicto entre versiones de jquery, sin resultado.
Si pongo la imagen antes de /body, como también indicas tampoco consigo ajustarla, es más aquí si me ocupa toda la pantalla no se ve el texto "entrar", supongo que queda tras la imagen.
Te dejo la dirección de dos blogs de pruebas, el primero tengo la imagen en background del scrip intro.
http://p4dia.blogspot.com.es/
El segundo antes del /body con una imagen reajustada pero que no cubre la pantalla.
http://p5di.blogspot.com.es/
La plantilla es la simple de Bloguer.
El Potro 26 de octubre de 2012, 20:00
Con los intros no es igual Fauci, en los intros no tienes una imagen de fondo como CSS sino que tienes una imagen directa en HTML, ahí aunque le aplicaras estilos para que cubra la pantalla pasaría lo que mencionas, se movería el botón de entrar, porque es una imagen como elemento, no como fondo.
Unknown 30 de octubre de 2012, 13:34
Amigo potro, por medio de tu pagina he ido optimizando mi blog, pero le he realizado tantos cambios que ahora la plantilla "no me permite cambiar la imagen de fondo" que estará pasando??? esta es mi página: http://guevaragaersteconsultoria.blogspot.com/
Unknown 30 de octubre de 2012, 13:37
Amigo Potro, por medio de tu pagina he optimizado la mía, gracias por los tips... pero tengo un problema, de tantos cambios en la plantilla HTML ahora la misma "no me permite cambiar la imagen de fondo"... no se que puede estar pasando???. este es mi blog: http://guevaragaersteconsultoria.blogspot.com/
El Potro 30 de octubre de 2012, 21:48
Parece que es un error de Blogger, ya muchos han reportado ese problema, pero aun puedes hacerlo directo en la plantilla:
Cocina 1 de noviembre de 2012, 15:18
Hola Potro!quisiera probar con el metodo con css3,uso plantillas del diseñador podrias indicarme si este es codigo que debo reeplazar?
El Potro 2 de noviembre de 2012, 10:39
Hola, el que debes reemplazar es el background como se especifica en la entrada, o sea este:
Hamiltonbl 4 de noviembre de 2012, 7:03
Me sirvio mucho... Gracias por los tutos que siempre nos traes.
El Potro 4 de noviembre de 2012, 18:38
Gracias a ti por tu visita Hamiltonbl :)
Cocina 4 de noviembre de 2012, 10:24
Muchas gracias!quedo perfecto con el metodo css3
Arturo Guardia Osorio 11 de noviembre de 2012, 9:58
En mi caso quiero poner en mi sitio web una imagen de fondo que tenga la alineación centrada como le puedo hacer
El Potro 12 de noviembre de 2012, 9:37
Para que el fondo esté centrado agrega esta propiedad:
Unknown 14 de noviembre de 2012, 14:58
Buenas noche Potro , Gran Blog , me vas a ver a menudo¡¡¡
Ya me has ayudado alguna vez en alguna duda pero ahora tengo algo mas de tiempo y quiero pulir un poco este hobby para mi de Blog
No consigo quitar el largo de Mi Blog , me seria de gran ayuda Gracias de antemano.
Te dejo mi Blog , no tiene Fin!!!!
nenegarcia.com
El Potro 14 de noviembre de 2012, 20:00
Hola Nene Garcia, es por una sidebar que no está bien oculta. Después de #lsidebar-wrapper{ agrega:
Unknown 16 de noviembre de 2012, 1:05
Gracias Potro , Espero hacer mas visitas , es un Blog Genial¡¡
Anónimo 22 de noviembre de 2012, 11:15
El Potro, a ver si puedes ayudarme, quería añadir el script para que el fondo se vaya redimensionando pero al hacerlo entonces el slideshow que tengo en la home deja de funcionar y el texto para la imagen aparece por encima de la foto. ¿Sabes qué puede ser?
http://bcnbikerteam.blogspot.com.es/
El Potro 22 de noviembre de 2012, 15:20
Es porque usas Mootools, al final de la entrada se habla sobre ello.
Anónimo 22 de noviembre de 2012, 18:22
Mil gracias El Potro, domino muy poco sobre el tema y como estoy modificando una plantilla no tenia ni idea de que estaba usando Mootools.
He seguido la otra entrada y ya esta arreglado.
De nuevo muchisimas gracias!
The Coach 23 de noviembre de 2012, 12:29
Buenas El Potro.
Antes de nada, darle la enhorabuena por el pedazo de pagina que tiene, me esta ayudando muchísimo, llevo desde anoche mirándome todo lo que puedo poner.
Pero tengo un problema con lo del fondo, por lo que me han comentado no ocupa toda la pantalla en monitores mas grandes, es decir que este "truco" no me sale.
Espero que me puedas ayudar a resolverlo.
Tampoco me ha salido el de cambiar el diseño de la caja de los comentarios, pero bueno...
Aquí te dejo la dirección del blog.
http://meanwhilerusia.blogspot.com.es/
Un saludo y muchisimas gracia por todo
El Potro 23 de noviembre de 2012, 17:31
Hola, tienes dos veces la propiedad background, una de ellas está mal, elimínala:
background: url http://i.imgur.com/4HLP9.jpg no-repeat center center fixed;
The Coach 24 de noviembre de 2012, 3:58
¿Esa que has puesto es la que debo de eliminar?
The Coach 24 de noviembre de 2012, 5:43
Imagino que una de las que esta aqui, es la que debo de eliminar,¿no?
He eliminado la primera, que es lo que me has puesto, y esa no es,pero no estoy seguro cual es la otra que debo de eliminar.
un saludo y gracia.
El Potro 7 de diciembre de 2012, 11:50
background: url(http://i.imgur.com/4HLP9.jpg) no-repeat center center fixed;
German Alvarez 9 de diciembre de 2012, 20:24
Hola una pregunta, logre hacer todo esto lo mas bien pero ya me aburri un poco... ¿me podrias decir como hago para quitarlo? Porque intente borrando los codigos que me distes pero el fondo me queda blanco y si voy a elegir un fondo predeterminado no me deja.
El Potro 12 de diciembre de 2012, 15:46
Quita los códigos que pusiste, luego debajo de body { agrega esto:
Después de eso podrás elegir un diseño desde el Diseñador de Blogger.
Unknown 15 de diciembre de 2012, 9:12
ola amigo tu tema esta muy bueno pero yo kisiera saber como hacer para q el fodo tambien se vea en el centro osea tmb en la entradas me dejo enteder grasias antemano
El Potro 15 de diciembre de 2012, 20:37
Tendrías que quitar el fondo de las entradas y/o del contenedor del blog, pero para ello habría que saber en cuál blog lo quieres hacer.
Unknown 19 de diciembre de 2012, 2:13
Hola. Tengo un problemilla. He cambiado el fondo de un blog predifino por un fondo que he hexo yo. Luego he seguido tus consejos y en mi ordenador se ve perfecto sin embargo he probado en otros ordenadores con otras pantallas y el fondon aparece, me aparece un fondo blanco. Alguno me podria ayudar?
El Potro 21 de diciembre de 2012, 12:08
Puede ser que la URL de la imagen que has puesto no sea la correcta, te recomiendaría que la subas a Picasa:
Scott St. James 21 de diciembre de 2012, 12:12
primero de todo te felicito por al cantidad de conocimientos que tienes sobre este tema, realmente es bárbaro.
Estoy intentado que mi blog tenga una imagen de fondo fija y a pantalla completa, por todos los medios. Con tu solucion CSS he logrado el mejor resultado, pero no se por qué diablos no queda óptimo, a otros usuarios parece funcionarle.
En mi caso, lo que ocurre es que la imagen de fondo aparece enmarcada por color blanco, es decir, la imagen no llega a cubrir toda la pantalla, si bien se mantiene centrada y ocupa un gran trecho, pero el limite es practicamente al limite del campo de los widgets laterales, y tampoco llega al limite superior, Estoy deseperado, que puedo hacer?
El Potro 22 de diciembre de 2012, 12:42
Gracias por tu comentario Scott St. James, en cuál blog tienes el problema, porque en el de tu perfil no veo puestos los códigos CSS para que la imagen cubra toda la pantalla.
Scott St. James 24 de diciembre de 2012, 1:47
Hola Potro, el problema era el navegador.. con google chrome funciona todo perfectamente. muchas gracias!
MARÍA 27 de diciembre de 2012, 17:00
Hola,Me llamo María y soy nueva en esto, me paso horas y horas y no avanzo. Necesito que me ayudes para colocar un fondo que no hay manera de ajustarlo, leí el tutorial pero no me aclaro(dónde pego el código? en diseño/gadget/HTML/javascript?) No tengo ni idea...GRACIAS
MARÍA 27 de diciembre de 2012, 17:12
SOCORRO AYUDAMEEEE...NO HAY MANERA DE COLOCAR UN FONDO EN MI BLOG, O ES DEMASIADO GRANDE O SE REPITE!!! Hola, soy María, estoy haciendome un blog y no entiendo que son los códigos CSS. Yo sé ir a DISEÑO/GADGET/ HTML/JAVASCRIPT Y PEGAR UNA IMAGEN, pero me dá miedo hacerlo para los fondos...PORFA A VER SI ME PUEDES ECHAR UNA MANO. GRACIAS
El Potro 28 de diciembre de 2012, 17:05
En la entrada dice dónde hay que pegar el código MARÍA, sólo debes seguir las indicaciones al pie de la letra y con cautela.
Junioz Sonolo 29 de diciembre de 2012, 22:13
El Potro 1 de enero de 2013, 17:45
Hola Junioz, tendrías que usar una plantilla de las llamadas "Responsive web design", o de las "fluid width", ambas se adaptan al tamaño del monitor del usuario.
Slideshow de imágenes como fondo del blog
Cómo hacer que la imagen de fondo del blog cubra t...
Usar un archivo flash como fondo del blog

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución