Cambiar el ancho del blog y de la sidebar en las plantillas del Diseñador de Plantillas de Blogger

3 de octubre de 2010 359 comentarios ,
Una de las pocas y contadas ventajas que tienen las plantillas nuevas hechas a través del Diseñador de plantillas de Blogger es poder elegir desde el momento de su creación, el ancho del blog así como de la sidebar.

Esto se hace cuando se elige la plantilla por primera vez, sólo nos situamos en la pestaña Plantilla luego en Personalizar, y elegimos Ajustar ancho.

Diseñador de plantillas de Blogger
Ahí podemos redimensionar el ancho del blog y de la(s) sidebar(s) al tamaño que queramos.

Pero si a la plantilla ya le hemos hecho varias modificaciones entonces la situación cambia, pues realizar ese procedimiento implicaría reinstalar la plantilla y por ende se anularían la mayoría de los cambios que hayamos hecho.
Así que en esos casos vamos a cambiar el ancho del blog directamente desde los códigos de la plantilla.

Primero entra a Plantilla | Edición de HTML y busca un código similar a este:
<b:variable default='930px' name='content.width' type='length'/>
<b:variable default='0' name='main.column.left.width' type='length'/>
<b:variable default='360px' name='main.column.right.width' type='length'/>

Este código tiene tres variables:
La primera línea es el ancho total del blog, y determina tanto el ancho total del blog como el ancho de las entradas.
La segunda línea es el ancho de la sidebar izquierda, pero aunque no tengamos una, esta variable aparecerá de todas formas.
Y la tercera es el ancho de la sidebar derecha.
Así que en el ejemplo tenemos que el blog mide 930px de ancho total y la sidebar tiene 360px de ancho.

Reconociendo esas tres variables podemos cambiar el ancho del blog, de las entradas y de la sidebar.
Sólo hay que agregar antes de la diagonal que se encuentra al final de cada línea, esto, value='000px' que indica el valor que tendrá el ancho del contenedor.

Por ejemplo, veamos cómo quedaría el código de una plantilla que mide 930px de ancho y su sidebar de 360px de ancho.
<b:variable default='930px' name='content.width' type='length' value='990px' />
<b:variable default='0' name='main.column.left.width' type='length'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='370px' />
En el ejemplo vemos que el ancho del blog cambió de 930px a 990px y la sidebar cambió de 360px a 370px

Cabe mencionar que el ancho de las entradas es autoajustable, es decir, al cambiar el ancho total del blog también cambiará el ancho de las entradas automáticamente.

En otro ejemplo veamos cómo quedaría el código si tuvieras dos sidebars.
<b:variable default='930px' name='content.width' type='length' value='960px' />
<b:variable default='0' name='main.column.left.width' type='length' value='200px' />
<b:variable default='360px' name='main.column.right.width' type='length' value='230px' />
Ahí vemos que el ancho total del blog pasó de 930px a 960px, la sidebar derecha que no tenía ningún valor definido cambió a 200px y la sidebar izquierda cambió de 360px a 230px.

De este modo podemos manipular el ancho del blog sin tener que reinstalar la plantilla de nuevo y así evitar perder los cambios que hayamos hecho antes.
Es posible que tu plantilla ya tenga esos valores agregados al final de cada variable, eso sucede cuando desde la primera vez que instalamos la plantilla ajustamos el ancho del blog.
En esos casos no se agrega nada, sólo se cambia donde dice value el número que tenga en pixeles y lo modificamos por otro número que será el nuevo ancho.


359 comentarios en:

" Cambiar el ancho del blog y de la sidebar en las plantillas del Diseñador de Plantillas de Blogger "

  1. Muchas gracias por tus aportes, y en este caso por este, eres de una gran ayuda

    saludos,
    Daniel

    ResponderEliminar
  2. orale gracias x el tip, intente hacerlo unicamente cambiando el valor en el ancho pero no funciono, ahora voy a probar este aporte tuyo.

    ResponderEliminar
  3. Vale, ojalá les sea de ayuda el aporte ;)

    ResponderEliminar
  4. Que tal Potro!
    Hace bastante tiempo he querido modificar una "condicionante" en mi plantilla. Me refiero al ocultar mi sidebar (izquierda) cuando ingreso a una entrada.
    Quiero probar como se ve sin ésa condición, o sea, que no se oculte la sidebar.
    Se entiende?

    Saludos.
    Jpz.-

    ResponderEliminar
  5. Pues sólo es identificar la sidebar y eliminar su condicional. En este caso busca la condicional que está antes de <div id='left-column'> y elimínala así como su respectiva etiqueta de cierre </b:if> que se debe encontrar más abajo al final de esa sidebar.

    ResponderEliminar
  6. Hola que tal me podrías decir o explicar como puedo centrar el título del blog.
    gracias un saludo

    ResponderEliminar
  7. Agrega text-align:center; debajo de #header h1 { si se trata de una plantilla antigua, o debajo de .Header h1 { si se trata de una plantilla nueva.

    Saludos.

    ResponderEliminar
  8. Hola >_< yo quisiera saber como ocultar la sidebar en las paginas estaticas O.O?

    saludos XD

    ResponderEliminar
  9. Eso viene en la próxima entrada ;)

    ResponderEliminar
  10. Hola Potro! necesito saber ya que tienes la plantilla parecida a esta : http://sadaffaaf.blogspot.com/

    como puedo sacar ese menu y poner uno parecido al tuyo y tabn sacar ese Featured tipo slide! gracias

    ResponderEliminar
  11. Hola Potro, yo querría saber como hacer que la imagen de la cabecera fuese igual de ancha que el blog???
    Cambie el ancho y ahora es a toda pantalla pero la imagen tiene un límite, el cual es inferior al ancho del blog.

    Te dejo la dirección de mi blog:
    http://rincondelmangaycomic.blogspot.com/

    ResponderEliminar
  12. hola como esta, le felicito por la pagina.. le queria consultar porq mi pagina no tiene esa opcion en html para el hancho de pagina.. como puedo incorporarlo

    ResponderEliminar
  13. Potro como añadir un barra lateral más a la izquierda, y tener el mismo ancho que tengo ahora en las entradas. Ocualtarla al leer una entrada¿?. Muchas gracias.

    http://cdvillanuevadelarzobispo-javier.blogspot.com/

    ResponderEliminar
  14. HOOOOOOOOOOOOLA POTRO MUCHAS GRACIAS POR TODO VARIOS TRUCOS ME HAN SERVIDO PARA MI BLOG PERO TENGO UNA DUDA...
    COMO HAGO PARA EN MI BLOG HACER COMO UNA BARRA DE HERRAMIENTAS O NOSE COMO EXPLICARTELO :s ESTA PAGINA TIENE ESO ES DONDE DICE TEMAS BASICOS,PLANTILLAS,HERRAMIENTAS,CONTARDORES, ETC COMO HAGO ESA BARRA EN MI BLOG POR FAVOR AYUUUUUUUUUUUUUUUUUDA!YA LO HE VISTO EN VARIOS BLOGS PERO NO LOGRO HACERLO!

    ResponderEliminar
  15. perdon por la hora potro es que aqui en uruguay son las dos de la tarde!

    ResponderEliminar
  16. Franco Paravecino, el slide no lo sé, la plantilla original no lo tiene, o al menos antes no lo tenía. Para el menú sólo busca los textos de las pestañas así podrás ver de dónde a dónde tienes que eliminar.

    KAKASHY, prueba eliminar la imagen y subirla de nuevo.

    Luci, éste procedimiento es únicamente para las plantillas del diseñador de plantillas de Blogger.

    Javier, para agregarle otra supongo que sí tendrías que reinstalarla de nuevo, al menos aún no conozco otro método.

    show de pizzas uruguay, con cualquier menú de categorías, mira esta entrada.

    ResponderEliminar
  17. Busque, busque... y no supe dar con la solución...
    Cuek!

    Alguna ayuda extra?
    Gracias Potro.
    Saludos.
    Jpz.-

    ResponderEliminar
  18. GRACIAS!!! Por todo tu aporte!!! Un abrazo.

    ResponderEliminar
  19. hola amigo espero me puedas ayudar con un problema que tengo con mi blogspot uso la plantilla mystique y todos los archivos de la plantilla como imagenes y archivos.js estan alojados en la basura de dropbox y esta basura bloquea los enlaces por tres dias cuando hay mucho trafico y esto proboca que mi blog no carge correctamente

    quiero subir todos los archivos a otro servidor que sirva pero cual me recomiendas que funciones bien y que se vea bien en todos los paises

    si quieres ver mi blog veelo en mi perfil

    ResponderEliminar
  20. Pero... Si mi plantilla es una vieja plantilla ¿como se puede cambiar lo ancho?

    ResponderEliminar
  21. Jpz, arriba de la etiqueta que te mencioné está el código condicional que debes eliminar.

    Norahg, a ti por tu visita :)

    zonapuerca, pues esa basura como tú le llamas nunca me ha bloqueado nada ni hay reportes de otros usuarios que presenten el mismo problema. Igual puedes probar con Google Sites o cualquier otro que encuentres útil.

    ResponderEliminar
  22. CRDNXA, si es una plantilla clásica como la Mínima entonces mira la explicación que tiene Rosa en esta entrada:
    http://elescaparatederosa.blogspot.com/2007/11/ensanchar-la-plantilla-mnima.html

    ResponderEliminar
  23. hola potro queria decirte que muchas gracias por tu ayuda pero me surgio otro problema :http://ciudadblogger.com/2010/05/menu-horizontal-con-marquesina.html entoy tratando de poner ese menu pero resulta que no encuentro el body y el skin que es donde tengo que pegar los codigos!encontre unbody y un skin pero no con los signos que deberian estar

    ResponderEliminar
  24. Hola! muchas gracias por el post, como siempre sùper ùtil y bien explicado! gracias por tu dedicaciòn!
    saludos

    ResponderEliminar
  25. show de pizzas uruguay, deja el comentario en la entrada que mencionas para no confundir a los demás usuarios sobre el tema de esta entrada.


    Mariangeles, gracias a ti por tu visita :)

    ResponderEliminar
  26. gracias Potro, bueno ya tengo la otra version 1 pero en esta tengo un error noc si ati te habra pasado lo mismo y q hacer para solucionarlo si se puede! cada vez q agrego mas gadgets! los sidebar de abajo se mueven : mira la foto

    http://lh3.ggpht.com/_2oDIdiFuF-c/TKwg03cvIXI/AAAAAAAAA94/qoQ8-xSIkOs/s912/ayud.png

    http://arch-tube.blogspot.com/


    gracias

    ResponderEliminar
  27. Hola Potro, esto no viene con este tema, aunque quisiera me asesorases. El tema es que de un tiempo a esta parte al entrar en mi blog, de manera exporadica se abre una ventana de propaganda de Redoute mas concretamente esta http://www.laredoute.es/ES/es/Home/Index.aspx , tu sabes a que puede ser debido.
    Un saludo

    ResponderEliminar
  28. Franco Paravecino, es un error de la plantilla, mira esta entrada en el comentario #60

    PC, usualmente son los contadores Web los que insertan publicidad no deseada. No sabría decirte con exactitud cuál gadget es, pero podrías empezar quitando uno a uno los gadgets (primero los contadores) para detectar cuál es el causante.

    ResponderEliminar
  29. Hola que tal lo he hecho y no se me ha centrado el titulo si no que se me ha hecho mas pequeño.
    saludos

    ResponderEliminar
  30. MªJosé, con eso debería funcionar. Si es una plantilla de las nuevas debe quedar así:

    .Header h1 {
    font: $(header.font);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    text-align:center;
    }

    ResponderEliminar
  31. orale muchas gracias por el aporte, ya lo probe y funciona de maravilla.. saludos

    ResponderEliminar
  32. Gracias Potro, hare alguna prueba a ver que ocurre, aunque lo mas curioso es que en mi ordenador todo es normal, asi que no se como probarlo, ya que a mi la dichosa ventana no me sale, en otros ordenadores con Windows XP si.
    Un abrazo.

    ResponderEliminar
  33. Lo que pasa es que muchos de estos anuncios guardan cookies en el ordenador, así que si ya te abrió el anuncio una vez lo más seguro es que a la próxima no abra pues hay cookies almacenados.
    Necesitarías limpiar las cookies del navegador y entrar de nuevo para poder ver otra vez el anuncio.

    ResponderEliminar
  34. Muchas gracias por todo ya esta.
    saludos
    buen fin de semana

    ResponderEliminar
  35. Gracias MªJosé, igual que tengas un buen fin de semana :)

    ResponderEliminar
  36. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  37. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  38. no encuentro los códigos q nombraste al pricipio

    ¿como los ubico?, ¿hay q expandir artilugios?

    ResponderEliminar
  39. No es necesario expandir artilugios, pero será más fácil si los buscas con este nombre:
    name='content.width'

    ResponderEliminar
  40. "Una de las pocas y contadas ventajas" jajajajajja..era lo que quería escuchar!! jajaja

    Tienes toda la razón, cambiar un par de medidas o colores desde el panel no justifica el "desastre" que son. Por intentar dar un paso adelante con esas plantillas, han dado varios pasos atrás.. pero bueno, me callo porque es gratis :P

    Un abrazo!!

    ResponderEliminar
  41. Son realmente fatales, nunca entenderé qué pasa por la cabeza de los ingenieros de Blogger :\

    ResponderEliminar
  42. Te revelaré un gran secreto, pero no se lo cuentes a nadie.... sabes lo que pasa por su cabeza???

    Esto: $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$


    jajajajaja... un abrazo!!

    ResponderEliminar
  43. Solo para felicitarte amigo, tienes muy buena información;

    una consulta como hago para ponerle password a una entrada solamente....te agradeceria mucho si me puedes ayudar.

    ValdemarCS@Gmail.com

    ResponderEliminar
  44. Lo que podrías hacer es crear una página estática en lugar de una entrada para que no aparezca en la portada ni con el resto de las entradas, luego, usa un acortador de URL que te permita ponerle una contraseña al contenido, y por último, pon el enlace de la URL acortada en algún menú de tu blog, o dáselo directo a quienes tengan la contraseña.

    ResponderEliminar
  45. potro que pena pero esto si es urgente brother ayudame no se que pasa con mi fedd hice todo lo recomendado para configurarlo bien no se que pasaria pero resulta que las entradas que realizo y todo las personas que se suscriben a mi blog no reciben ningun tipo de enlace para entrar a la pagina llega el mensaje de para confirmar pero sin ningun enlace y asi nadien recibe actualizaciones de mi blog ayudame por favor si quieres te doy la clave para me lo configures te lo agradeceria no se como hacemos si me envias un correo personal y te doy la clave... gracias hazmelo saber pronto.

    ResponderEliminar
  46. Si el enlace no aparece en el correo de confirmación entonces seguramente lo has de haber eliminado sin darte cuenta.
    Para restablecerlo entra en tu cuenta de Feedburner y haz click en Publicize > Suscripciones por Email > Communication Preferences. Ahí verás un pequeño formulario, en donde dice Cuerpo del email de confirmación viene el texto del correo que recibe el solicitante, ahí dentro debe estar esto:

    ${confirmlink}

    Eso es lo que hace que se muestre el link de confirmación, sino lo tienes agrégalo.
    Con eso aparecerá el link de confirmación en el correo.

    Saludos.

    ResponderEliminar
  47. gracias potro nuevamente me haz salvado la vida jejeje el problema estaba en el texto le faltaba ${confirmlink cerrarlo gracias potro....

    ResponderEliminar
  48. Saludos, donde tienes el post para cambiar ancho de las plantillas antiguas?

    ResponderEliminar
  49. Yo no tengo esa entrada, pero en este enlace hay una explicación sobre cómo hacerlo:
    http://ayudaparatublog.com/como-cambiar-el-ancho-de-la-plantilla-de-tu-blog-blogger/

    ResponderEliminar
  50. hola potro, estoy aqui presente nuevamenete contigo y mis dudas, tengo un gran problema y no se como solucionarlo, con respecto al feed, en el momento que el feedburner recopila la informacion de mi blog y la envia a los subscritos les llega toda la informacion tal cual esta en el blog, es decir, si realizo una entrada con un enlace de descarga en el correo de los subscritos llega hasta con la opcion de descargarlo desde el correo igual pasa.en el facebook tambien pasa lo mismo y no se como solucionar esto, lo unico que quiero es que llegue informacion basica de las entradas con el enace hacia el blog que unicamente puedan realizar cualquier proceso o comentario desde el blog, y no desde el correo.
    ni el face, espero tu respuesta.... gracias..... potro

    ResponderEliminar
  51. Entra a tu cuenta de Feedburner y luego ve a 'Optimize', en el menú del lado izquierdo haz click en 'Summary Burner', en 'Maximum length' elige el número de caracteres que se mostrarán en tu feed y en 'Teaser' alguna indicación, como por ejemplo "Para ver completa esta entrada haz click en el título".

    ResponderEliminar
  52. Hola ¿Hay algún modo de justificar el texto de las publicaciones utilizando las nuevas plantillas o necesito seleccionar una clásica? Ya que no encuentro el text-align en la plantilla para poder justificarla. Desde ya muchas gracias.

    ResponderEliminar
  53. El texto de las publicaciones se justifica desde el editor de las entradas, sin embargo, si deseas darle un formato general por defecto a las entradas entonces puedes hacerlo directo en la plantilla.
    Eso se hace agregando lo que está en negrita donde se indica:

    .post-body {
    text-align: justify;

    Saludos.

    ResponderEliminar
  54. Hola Potro!!! aquì te molesto de nuevo, pero no entiendo jejeje yo le quiero bajar el ancho a la sidebar izquierda( que mide 180)para que quede como un leve margen, o sea no que desapearezca pero quede finita, y cuando lo hago las letras de las entradas se salen de la parte blanca ,se corren a la izquierda ,pero mucho.no cambiè el ancho del blog las medidas son:
    ancho del blog 1000
    sidebar izquierda 180
    Sidebar derecha 360
    obviamente algo estoy haciendo mal jajaja pero no sè què .lo que cambiè fue sòlo el 180 por 70 màs o menos...
    ¿ como lo puedo hacer ?
    saludos :D

    ResponderEliminar
  55. No has hecho nada mal, recuerda que el ancho de las entradas se ajusta automátcamente así que si reduces el ancho de la sidebar se ensanchará el área de las entradas. Si quieres conservar el ancho de las entradas entonces también debes reducir el ancho del blog, por lo que si reduces la sidebar de 180 a 70 entonces deberás también reducir el ancho del blog a 890.

    ResponderEliminar
  56. mmmmm gracias por el dato potro jeje lo voy a pensar entonces. Gracias y saludos!!:)

    ResponderEliminar
  57. Hola Potro, de nuevo por aquí, mi pregunta es si yo puedo modificar el ancho de la columna central si que se vean afectadas las columnas laterales pues al manipularlas desde que intentes moverla las laterales se recogen, me refiero en este blog http://magosradioblog.blogspot.com/
    por otro lado tengo otra cuestión que me tiene loco ais! verás yo cada vez que hago una entrada comparto desde la parte de arriba del blog, en la barra de herramientas que sale al principio del blog, con el buscador, seguir, informar de mal uso, e.t.c. pero por ejemplo si voy a ver a un blog como el de AlexTfe26 le sale una entrada de hace 3 semanas, o sea que desde que hice esa entrada el feed no me he está funcionando, está mal configurado o no tengo ni idea de lo que estoy haciendo mal, bueno Potro espero tus sábias palabras, un abrazo y mil gracias

    ResponderEliminar
  58. Hola MaG@S RaDioMuSiC,

    Para cambiar el ancho de las entradas se modifica el ancho de la primea variable que se muestra en el código de ejemplo. Al agrandarlo se ensancha el área de las entradas sin afectar el ancho de la sidebar.

    Respecto al feed, parece que sí hay un problema con él, pues al escribir la dirección de tu feed:
    http://magosradioblog.blogspot.com/feeds/posts/default

    Me redirecciona a la página principal de tu blog. ¿Tu feed lo manejas a través de Feedburner? De ser así ¿cuál es la URL de tu feed con Feedburner?

    ResponderEliminar
  59. Hola Potro eso es lo que no tengo claro, no sé quien lleva el feed ni donde mirarlo he estado en la página de feedburner luego me dice que el tamaño es superior de 546 kb creo que era, donde debo mirar esto de la dirección y como puedo ponerlo bien o quizás es que cuando hago lo de compartir la entrada no es correcto el procedimiento? no logro descifrarlo, luego probaré el ancho de la entrada, por favor dime como puedo mirar la URL para decirte cuál es... gracias Potro

    ResponderEliminar
  60. Pues si antes no habías creado tu feed con Feedburner entonces no creo que el problema sea por ahí.
    Entra en Configuración > Feed del sitio y verifica que tengas habilitado el feed y que en el recuadro que hay para escribir no haya nada escrito.

    ResponderEliminar
  61. Hola Potro, lo he dejado así
    http://i56.tinypic.com/2qtlu2p.jpg
    creo que no tengo cuenta en feedburner, así que no sé ni lo que habré hecho, hay solución a esto Potro? gracias :-)

    ResponderEliminar
  62. Ahora sí ya está funcionando el feed, sólo hay que esperar un tiempo para que recopile la información.
    Saludos.

    ResponderEliminar
  63. Ay!! Potro... muchisimas gracias, un abrazo grande

    ResponderEliminar
  64. Potro buen día, ya lo he corregido y funcionó, lo que claro yo tengo una pantalla de buena resolución y lo veo genial, mucha gente no puede disfrutar de los gifs ni de las fuentes y colores, porque no han instalado el flash player me imagino, y también tendrán que para leer usar la barra para desplazarse lateralmente, pero ha quedado genial Potro, muchísimas gracias, eres un Crack, si tienes tiempo pasate y comenta que tal, mil gracias Potro sin tu asesoramiento no estaríamos como estamos, un abrazote

    ResponderEliminar
  65. Qué bueno que ya está todo resuelto. Te está quedando de maravilla todo :)
    Otro abrazo para ti!

    ResponderEliminar
  66. llevo intentando ensanchar el blog bfff ya no se cuanto tiempo y eres el único que ha conseguido que pueda!!!! millones de millones de gracias

    ResponderEliminar
  67. Qué gusto que al fin hayas podido agregarle el ancho deseado a tu plantilla :)

    ResponderEliminar
  68. Hola
    Tengo un blog que se ha desconfigurado la barra lateral en la pagina principal, aunque no pasa lo mismo seleccionando las entradas individuales, supongo que es algo de la configuracion de la plantilla, si me sabes decir en que parte puede estar el problema te lo agradeceria, saludos.
    http://movie-wine.blogspot.com/

    ResponderEliminar
  69. ¿Recuerdas qué cambio hiciste antes de que sucediera eso?

    ResponderEliminar
  70. No recuerdo bien, pero creo que estaba modificando el ancho de la plantilla y la barra lateral, aunque tambien estaba con las imagenes rotatorias y no se cuando se desconfiguró

    ResponderEliminar
  71. No creo que haya sido por el ancho de la plantilla. Quizá lo mejor sea que reinstales la plantilla de nuevo, así se corregirá cualquier error, aunque toma en cuenta que si tenías muchas modificaciones en ella también se perderán.

    ResponderEliminar
  72. He reinstalado la plantilla y no consigo cambiarlo.
    Si se te ocurre otra cosa...
    Gracias

    ResponderEliminar
  73. Hola
    En una de las entradas tenia una especie de separardor que desconfiguraba la plantilla.
    Gracias por todo.

    ResponderEliminar
  74. Que bueno que ya lo has podido solucionar!

    ResponderEliminar
  75. Hola Potro. Mi pregunta posiblemente esté mejor respondida en otra entrada. Vos me dirás. Esta es la que más se aproxima a lo que me preocupa. El post-footer de mi blog, está horrible. Para comenzar quisiera cambiarle el ancho (está más angosto que el cuerpo de las entradas) Si tienes tiempo, hechale una mirada, que será más útil que lo que yo pueda explicar -www.orvive.blogspot.com- Parte del problema comenzó cuando luego de crear las pág estáticas, sin side-bar, el post-footer se disparaba hacia la derecha corregí eso, y ahora no encuentro como ajustarlo del mismo ancho que las entradas, ni que decir de cambiarle el color de fondo, por lo menos a transparente. Saludos

    ResponderEliminar
  76. Potro, Encontré como cambiar el color de fondo del post-footer. Pero como bien sabes vos, eso no significa que haya logrado cambiar el ancho del mismo, sólo lo puse transparente. A menos que el ancho dependa de los elementos que contenga (y se ajuste sólo) a propósito falta el lapicito.Saludos.

    ResponderEliminar
  77. Efectivamente el ancho del post-footer es autoajustable al ancho de las entradas. Sin embargo la posición de éste puede modificarse dentro del área de .post-footer { ya sea en el margin o en el padding que se encuentra en esa área.
    Saludos.

    ResponderEliminar
  78. Hola Potro! la verdad no se como explicarlo de la mejor manera.. quisiera saber como se puede ajustar mi pagina segun sea la resolucion. Por ejemplo, si dentro de tu pagina le doy al control (+) - se me hace mas pequeña tu pantalla y centrada dejando margenes a ambos lados. Ahora bien, si lo hago en mi pagina http://www.todopornadaonline.com/ los margenes no se centran y la cabecera se va hacia la izquierda. Alguna solucion para dejarlo al estilo de tu pagina?
    Saludos y gracias!!

    ResponderEliminar
  79. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  80. Lo que sucede es que en el diseño de tu plantilla en ancho de los contenedores está establecido en porcentajes y no en pixeles, por lo que el ancho siempre se va a adaptar a la resolución de la pantalla.
    Tendrías que cambiar el ancho del #main-wrapper y del #sidebar-wrapper para dejarlos en pixeles y no en porcentajes.

    Saludos.

    ResponderEliminar
  81. Gracias potro! una cosa y perdona mi ignorancia, sinceramente no tengo ni idea que poner para cambiarlo, yo lo tengo asi:
    #main-wrapper {
    margin-$startSide: 1%;
    width: 58%;
    #sidebar-wrapper {
    margin-$endSide: 1%;
    width: 38%;
    como lo deberia cambiar?? perdona por las molestias y gracias de nuevo!!

    ResponderEliminar
  82. Pues el ancho que quieras en pixeles, por ejemplo:

    #main-wrapper {
    margin-$startSide: 1%;
    width: 600px;

    #sidebar-wrapper {
    margin-$endSide: 1%;
    width: 300px;

    ResponderEliminar
  83. Gracias de nuevo!! intente probar pero no me acaba como queda, quizas lo dejo como estaba que al fin y al cabo no estaba tan mal, buscaba que los margenes de fuera se centraran mas al hacer la resolucion mas pequeña pero me lo sigue haciendo sobre la pagina principal. Potro felicidades por la pagina, en breve pondre publicidad de tu pagina en mi web pues gracias a ti he conseguido tener una!
    un abrazo!

    ResponderEliminar
  84. Gracias! Estaba totalmente perdida con esos cambios que hicieron; la verdad me sirvió mucho esto :)

    ResponderEliminar
  85. Me alegro que te haya sido útil el post :)

    ResponderEliminar
  86. Buenas noches Potro oye tengo otras dudas; por que mi blog se ve diferente en cada pantalla, me explico desde mi pc se ve normal pero en otras se ve demasiado espacio a los lados es decir el blog se ve reducido espero haberme explicado quisiera saber como solucionarlo y la otra es que me sale un error al cargar la pagina que tiene que ver con un script alojado en ciudad blogger puedes checarlo al visitar mi blog claro si puedes. Agradecere tu ayuda

    ResponderEliminar
  87. Buenas noches Editor.
    Es normal que las plantillas no se vean exactamente igual en todos los navegadores, esto es porque cada navegador tiene una manera diferente de interpretar los códigos y no todos se atienen a los estándares establecidos.
    Ahora no tengo acceso a todos los navegadores pero al menos desde Google Chorme y Safari se ve perfectamente bien.
    Si es problema es con Internet Explorer no creo que debas preocuparte, porque de hecho son pocos los blogs que pueden verse bien en ese navegador. Lo mismo sucede si te aparece el icono de error, usualmente lo marca con todos los scripts aunque eso no interfiere en nada con el funcionamiento del blog.

    ResponderEliminar
  88. hola potro ,que tal pues haciendo ,bueno mas bien editando una plantilla ,pero quiero preguntarte comole hago para que mi sidebar que esta partido en 2 pues este donde debe de estar ,abajo de las otros widgets de sidebar normal ,porque estan como en en footer
    www.problemasdematematicas.blogspot.com
    creo que es la plantilla que tu tenias
    gracias y saludos

    ResponderEliminar
  89. Mira esta entrada:
    http://ciudadblogger.com/2010/09/menu-desplegable-con-efecto-deslizante.html

    En el comentario #60 están las indicaciones para arreglarlo.
    Saludos.

    ResponderEliminar
  90. ¿De modo que con las nuevas plantillas es imposible establecer anchos en porcentaje? ¿O es que hay alguna manera de hacerlo?

    ResponderEliminar
  91. Hasta donde sé no es posible en las plantillas nuevas.

    ResponderEliminar
  92. Hola Potro, vuelvo después de mucho tiempo, jejejej. La consulta creo que está relacionada con este tema. Lo llamativo es que comenzó a fallar hace un tiempo. Los seguidosres del blog no aparecen. Modifiqué los anchos de las sidebar y de la sección central y sigue en negro, no se ve nada. Es más, cambié el gadget a distintas zonas del blog y sigue sin poder verse los seguidores. Me das una mano?
    http://gbarlasina.blogspot.com/

    ResponderEliminar
  93. Hola Germán,

    Qué gusto leerte de nuevo.
    Lo que sucede es que la lista de seguidores no se ve cuando se usa Scriptaculous pues es incompatible a ella.
    Sin embargo hay una solución que puedes usar para que puedas usar ese script sin que afecte a la lista de seguidores.

    ResponderEliminar
  94. Gracias Potro, como siempre. Ya me voy a la solución...

    ResponderEliminar
  95. Hola
    ¡Felicidades por tu página! De haberla encontrado antes me habría ahorrado muchos quebraderos de cabeza, jaja.
    ¿Podría poner este post en mi blog? con la correspondiente autoría, por supuesto.
    Cuando encuentro la solución a algun problema/capricho de mi blog, hago lo posible por compartirla.
    http://cajas-y-carpetas-de-maria-jose.blogspot.com/

    ResponderEliminar
  96. Claro que sí Maria-Jose ;)
    Saludos!

    ResponderEliminar
  97. oye potroo soy yo x aqui de nuevoo!!

    sabes q tengo un peqño problemita en este blog
    http://www.webmusical.co.cc/
    se me paso la sidebar para abajo no se xq :S xxfa si me puedes ayudarrr!!!

    ResponderEliminar
  98. ¿Recuerdas que fue lo último que hiciste antes de que eso sucediera?

    ResponderEliminar
  99. siii..

    *Puse los widgets:
    Encuesta
    Enterate de lo ultimo en japon

    *Cambie el PopUp q tengo en la imagen de promocion de la barra de herramientas

    era asi: http://webmusical.ourtoolbar.com
    lo puse asi: http://webmusical.ourtoolbar.com/exe


    Fueron los unicos cambios no se q paso :S

    ResponderEliminar
  100. Pues primero quita uno por uno esos gadgets que agregaste, esto es sólo momentáneo y es sólo para reconocer si alguno de estos fue el causante y saber cuál de ellos fue. Aunque ninguno de ellos parece ser el responsable, quizá moviste algún estilo en la plantilla que pudo haberlo causado.

    ResponderEliminar
  101. Saludos

    Como has visto, me acabo de arriesgar a usar una plantilla de btemplates.com. Estas no dan ninguna opción de ajuste desde blogger, por lo que todo es a puro código.

    Necesito saber poner el titulo y el texto de las entradas en formato georgia. Es mas, y de ser posible, todos los campos del blog con esta plantilla.

    Así como cambiar el color del enlace en "leer mas".

    Como siempre, gracias!!

    http://adca-atc.blogspot.com/

    ResponderEliminar
  102. Hola Roy,

    Para cambiar la letra de las entradas y los tíutlos busca esta parte:

    .post h3 { margin-top: 0px; margin-bottom: 0px; padding-bottom: 2px; padding-top: 8px; font-size:20px; font-family: century gothic, verdana; font-weight:bold; color: #233582; border-bottom: 1px dotted #999999; }
    .post { text-align: justify; margin-left:0; margin-right:0; margin-top:0px; margin-bottom: 0px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom: 10px; font-size:13px; font-family: century gothic, verdana; font-weight:normal; color: #000000; border: 0px solid #cc0000; }
    .post h3 a {font-size:20px; font-family: century gothic, verdana; font-weight:bold; color: #233582; text-decoration: none; }
    .post h3 a:hover { font-size:20px; font-family: century gothic, verdana; font-weight:bold; color: #999999; text-decoration: none; }

    Cambia todo lo que está en negrita por georgia

    Si quieres cambiar también todas las letras del blog entonces haz lo mismo en esta parte:
    body { margin: 0px; padding: 0px; text-align: left; font-family: verdana;

    Para cambiar el color del enlace agrega antes de ]]></b:skin> esto:
    .rmlink a {color: #000}

    ResponderEliminar
  103. Definitivamente eres el MEJOR !!

    Gracias de nuevo!

    ResponderEliminar
  104. Hola Potro, necesito de tu sabiduría...es que mis sidebar son muy pequeñas y no me caben las cosas, iba a poner la caja de feedburner que tienes por ahi y sale cortada y así con todo. Pero es que no consigo que se aumenten hacia el exterior, hacia los bordes de la pantalla. ¿Qué puedo hacer?? besos

    ResponderEliminar
  105. Hola Eneri,

    Usualmente modificando el ancho del algunos contenedores se consigue ensanchar el blog, pero en otras ocasiones cuando las plantillas, o mejor dicho, cuando el fondo de las plantillas y sus contenedores están hechos con imágenes entonces ahí es un poco más complicado pues se necesita editar las imágenes del blog con un editor de imágenes para que pueda adaptarse al ancho del blog :/
    Y después de tener nuevas imágenes más anchas entonces sí se tendría que modificar el ancho de los contenedores de la plantilla.

    ResponderEliminar
  106. Mil gracias por tu ayuda!! Veré si me animo a probar lo de editar las imágenes y te contaré qué tal. Bss

    ResponderEliminar
  107. Me paso a este post para una pregunta acorde a la temática. Donde puedo modificar el ancho del gadget menu de paginas? mi blog lemanegri.blogspot.com

    ResponderEliminar
  108. En realidad ocupa el 100% del contenedor donde se encuentra. Una forma de agrandarlo sería aplicarle un ancho determinado, pero los resultados pueden variar de plantilla en plantilla:

    #PageList1 {width: 1000px;}

    ResponderEliminar
  109. Hola potro he seguido muchos de tus consejos y he logrado configurar un muy buen blog. lo que necesito saber es como reducir el espacio que esta abajo de atribucion donde estan los creditos de las plantilla de blogger ya que tengo un blog con demasiado espacio de bajo
    De antemano muchas gracias

    ResponderEliminar
  110. Si no tienes ningún gadget en esa área puedes aplicar un margen con valor negativo para que se suba.
    Después de esta línea::
    .footer-outer {

    Agrega esto:
    margin-top:-200px;

    ResponderEliminar
  111. GRACIAS POTRO PERO NO ME SIRVIO AGRADEZCO SI TIENES OTRA FORMA DE HACERLO

    ResponderEliminar
  112. Es la única forma que conozco y que me ha funcionado cuando lo he probado :/

    ResponderEliminar
  113. ok de todas maneras muchas gracias
    saludos

    ResponderEliminar
  114. Hola, Muy bueno tu aporte. Deseo que por favor me ayudes con lo siguiente: Deseo reducir un poco el margen derecho de las sidebar, pero no descubro como hacerlo. De antemano muchas gracias por la ayuda.

    ResponderEliminar
  115. Me temo que esa también es una incógnita para mí :/

    ResponderEliminar
  116. Hola potro espero me ayudes quiero reducir considerablemente el marden de las entradas sidebar para que esten mas cerca una de la otra mira mi blog para no tener tantos espacios mira el blogg y te daras cuanta a lo que me refiero lo veo muy desordenado http://leetudiario.blogspot.com

    ResponderEliminar
  117. Esa te la debo, aún no descubro cómo reducir esos márgenes.

    ResponderEliminar
  118. Potro! Que te sigo y me ayudas un monton... Pero yo tengo una duda editar en htlm me cuesta mucho... Porque buscar el <head lo que sea me cuesta mucho tiempo seguro que hay una forma de hacerlo!!!!! Gracias!!!

    ResponderEliminar
  119. Efectivamente hay una forma fácil de buscar códigos o palabras en cualquier página Web, sólo presiona las teclas CTRL + F, aparecerá un recuadro pequeño, ahí escribe la palabra o código que buscas y lo encontrará más rápido.
    Si usas una Mac entonces las teclas que debes presionar son CMD + F

    ¡Saludos!

    ResponderEliminar
  120. Hola potro quiero pedirte ayuda con mi blog.
    Me gustaria cambiar el tamaño del ancho de mi pagina puedes fijarte http://cine-desde-casa.blogspot.com y tambien te dejo esta imagen que saque ahora mismo https://lh6.googleusercontent.com/-baEfUuBxCms/TfbYL64UDhI/AAAAAAAAAVs/3qQq-3vR11Q/s640/Ayuda%252520para%252520Cine%252520Desde%252520Casa.JPG

    Saludos

    Y gracias potro por todas las ayudas que me has brindado.

    Por eso soy un fiel lector de tu blog

    ResponderEliminar
  121. Hola Oscar,

    En realidad no es un espacio extra de la plantilla. Lo que sucede es que el contenido (cuerpo de la plantilla) está centrado, si haces la ventana de tu navegador más chica verás que ese espacio se va, y si la haces más grande entonces se muestra. Pero no es un espacio sobrante, es sólo por el tamaño de la ventana del navegador.

    ResponderEliminar
  122. Potro mira como se ve el header del blog

    https://lh4.googleusercontent.com/-5NQek2L_dfc/Tf0VbiIMWnI/AAAAAAAAAXE/w0Uv73SzhJQ/s800/Ayuda2.jpg

    Esto es lo que pasa me gustaria centrarlo para que no quede hacia la isquierda.

    Le saque la foto de una laptop que tiene una pantalla de 15 pulgadas y hay se ve completa la pagina y se ve que el header esta a la izquierda lo que quiero es poner la cabecera centrada para que se vea normal y no como esta en la imagen

    https://lh4.googleusercontent.com/-5NQek2L_dfc/Tf0VbiIMWnI/AAAAAAAAAXE/w0Uv73SzhJQ/s800/Ayuda2.jpg

    Aqui te presento nuevamente mi blog

    http://cine-desde-casa.blogspot.com

    Saludos potro espero que me ayudes con esto.

    ResponderEliminar
  123. Lo que pasa es que el diseño original de tu plantilla no tiene el estilo de la cabecera como deseas, la estructura fue creada de distinta manera. Aun cuando se pudiera mover la cabecera hacia la derecha nunca quedaría completamente centrada, pues si cambias el tamaño de la ventana se modificará todo y se verá fatal :/

    ResponderEliminar
  124. potro y cambiar el ancho del blog y el sidebar no se puede hacer en todas las plantillas ¿ en la mia tambien estoy buscando esa opcion pero no la encuentro o solo es para las plantillas originales de blogger ?

    ResponderEliminar
  125. Este método es sólo para plantillas hechas con el Diseñador de plantillas.
    Para las plantillas antiguas originales de Blogger hay varios tutoriales en la red.
    Y para plantillas personalizadas que no son originales de Blogger se recomienda consultar con el autor de la plantilla.

    ResponderEliminar
  126. hola potro, estoy en camino de pasar de 1 sidebar a dos, lo estoy haciendo con el diseñador de plantillas, las sidebar estan una a la izquierda y otra a la derecha del cuerpo de entradas, pero quedan un poco alejadas del mismo,
    existe alguna forma de acercarlas ?

    ResponderEliminar
  127. Me parece que no, yo he pasado varias horas encontrando la forma de controlar la distancia entre esos elementos y nunca he tenido éxito :(

    ResponderEliminar
  128. que lástima, gracias por responder pronto potro, como verás, estos dias estoy a full con modifaciones en el blog, ya te he preguntados varias cosas.
    saludos

    ResponderEliminar
  129. Amigo Potro, quiero cambiar el ancho de mi blog para que ocupe toda la página, con el objeto de aprovechar más el espacio, insertar dos sidebar a la derecha.

    Mi pregunta es, dado que voy a cambiar la plantilla y los cambios pueden ser sustanciales, dónde puedo hacer dichas pruebas, creo que hay una especia de "modo de pruebas" con en fin de si no me gusta cómo ha quedado la estructura del blog vuelva a reponerla en su estado original.

    Un abrazo

    ResponderEliminar
  130. Hola Carlos,

    No hay un modo de pruebas como tal, mas bien nosotros mismos podemos crear un apartado exclusivo para pruebas. Eso lo puedes hacer creando un blog que esté destinado sólo a eso, a probar.
    Luego, haz un respaldo de tu plantilla actual, y súbela en tu blog de pruebas, ahí puedes hacer todos los cambios que gustes sin temor a echarlo a perder, porque al ser de pruebas tu blog original no se verá afectado.
    Si todo sale bien entonces ya podrás hacer los cambios en tu blog original sabiendo cómo hacerlo ya a la segura.

    Saludos!

    ResponderEliminar
  131. Problema solucionado! Muchisimas gracias!!

    ResponderEliminar
  132. Muy interesante tu blog. ¿Como puedo disminuir la distacia que hay entre la entrada y el sidebar?.
    Gracias

    ResponderEliminar
  133. Hola Rafa,

    Para disminuir el espacio que hay entre la sidebar y las entradas agrega antes de ]]></b:skin> esto:

    .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left:-20px !important;}

    ResponderEliminar
  134. Hola Potro, como siempre que tengo alguna duda, estaba mirando tu web, y este tema ha sido lo mas similar a lo que necesito. (Voy al asunto):
    Me da la sensación que el margen izquierdo de mi blog, es un pelín amplio que el derecho, y no entiendo por que sucede esto, cuando las dos zonas de gadget tienen los mismos valores en la plantilla.
    Ahora uso una de las nuevas.
    Blog completo - 930
    Ambos laterales - 180.

    Échale un vistazo cuando puedas por favor.
    http://elvigilantedeseguridad.blogspot.com/

    Un saludo genio.

    ResponderEliminar
  135. Perdón, donde me parece que hay más margen es en el lateral derecho.

    ResponderEliminar
  136. Hola Vindi,

    Es cuestión de percepción. Si lo comparas en la parte de arriba con la última entrada parecerá que tiene más espacio porque esa entrada no tiene nada que ocupe todo el ancho del contenedor, pero si bajas un poco a la segunda entrada (mira por donde está 'Vigilantes de seguridad ' en negrita) y verás que la distancia es la misma.

    Saludos!

    ResponderEliminar
  137. Me dejas más tranquilo, (Soy un maniático) :)

    Por cierto, el gadget de actualidad, no va muy bien, a veces se me muestra completo como yo lo quiero, pero otras como por ejemplo ahora mismo, se muestra como un simple recuadro.

    ¿Esto es normal?

    Gracias por todo Potro. Eres genial.
    Que haríamos sin ti... ;)

    ResponderEliminar
  138. ¿El de hasta abajo? No sé cómo deba verse, pero veo 4 enlaces en él, no sé si eso es lo que debería mostrar o.O?

    Saludos!

    ResponderEliminar
  139. El que ves ahora de los 4 enlaces, es el que he puesto yo, (ya que no funciona correctamente el de google).

    Me refería al widget de "actualidad" que ofrece blogger, resulta que si lo inserto en un lateral, se ve perfectamente, pero si lo pongo en la zona mas amplia de mi blog, por ejemplo encima o debajo de las entradas, me aparece como un simple recuadro nada útil ni atractivo, en comparación con la visión correcta que debe tener.

    ResponderEliminar
  140. Quizá ande fallando, yo nunca lo uso, pero ahora lo probé en un blog, lo puse en un área ancha y funciona bien, así que supongo que ha de ser por ratos, o alguna falla tendrá.

    ResponderEliminar
  141. Probaré mas adelante, gracias por todo Potro.
    Un saludo genio ;)

    ResponderEliminar
  142. Hola Potro, ¿cómo puedo cambiar los márgenes de los bordes del blog? Me refiero a que, sé como cambiar el ancho de las columnas, pero lo que quiero es disminuir la separación que existe entre el borde (de la pantalla) y la columna. Muchas gracias por todo, ya me ayudaste otras veces en otras dudas que tuve en otro blog. Un saludo.

    ResponderEliminar
  143. Cuidado Andrea, puede que el problema radique simplemente en tu monitor panorámico.
    Te lo digo por haberme encontrado en tu misma situación.
    Pero nadie mejor que El Potro, para ayudarte ;)

    ResponderEliminar
  144. Andrea, tal como te menciona Vindi, ese es una cuestión del monitor y/o tamaño de la ventana, así que eso es relativo, pues si abres más la ventana del navegador verás que el ancho es más grande, y si la haces más chica el espacio se reduce. Eso no se puede controlar, es como te digo una apariencia del monitor o tamaño de la ventana del navegador. Saludos.

    ResponderEliminar
  145. Hola Potro, vuelvo a la carga a liarme con el ancho... ufff.
    A ver si me explico bien.
    Actualmente mis valores son de Blog completo 950, y las barras laterales 200.
    La visualización en mi pc es de un ancho total muy similar a la tuya; Pero en cambio si voy al ipad o al notebook, tu blog lo veo perfectamente equilibrado, aprovechando bastante ambos márgenes, en cambio en mi blog los márgenes son bastante mayores. No entiendo cual es el problema.
    Me gustaría poder ver mi página en el ipad y portatil, igual de equilibrada que veo la tuya por ejemplo.
    A ver si me puedes decir algo, un saludete.

    ResponderEliminar
  146. Ni idea qué pueda ser Vindi, mi blog tiene un ancho de 920px (menor al tuyo) y no tiene aplicado nada en especial. Supongo que debe tratarse de que el mío no está hecho con las plantillas del Diseñador de Blogger. Quizá esas plantillas tienen por ahí un código que afecte la visibilidad del blog según la resolución de la pantalla. No se me ocurre qué más pueda ser.

    ResponderEliminar
  147. Seguro que esa es la clave, que tu plantilla no se haya hecho con las del diseñador...
    Bueno, pues nada, tendré que buscar una medida que me deje satisfecho. 990px no tiene mala pinta como me queda, aunque me sigue quedando bastante margenes al visualizar en el ipad, y este dispositivo lo uso mucho.
    En fin, lo hemos intentado, que no es poco ;)

    ResponderEliminar
  148. Pues no estaría mal que revisaras en Google Analytics cuántos lectores ingresan desde un dispositivo con esas dimensiones, porque igual y el porcentaje es mucho muy bajo y no vale la pena romperse la cabeza si son sólo unos cuántos los que lo mirarán así ;)

    ResponderEliminar
  149. Bueno, aunque me gustaría mucho poder verlo igual de equilibrado que el tuyo, tampoco pasa nada, ya que hoy en día se han puesto de moda los monitores panorámicos, y si hacemos mucho caso a como nos ven los distintos y variados tamaños de pantallas, nos volveríamos locos...upsss :)

    Volviendo al tema de google analytics, no tenía ni idea que también se puede mirar lo que comentas, voy a volver a revisar tu entrada, a ver si en algún comentario tienes un tutorial o algo, como ya te comenté en su entrada correspondiente, estoy muy perdido con ese servicio, y algo hice mal, ya que es imposible que mi blog solo tenga 2 visitas.

    ResponderEliminar
  150. Ammm no, de hecho no tengo un tutorial sobre ello, pero cuando ya te funcione ingresa a Usuarios > Opciones del navegador > Resoluciones de pantalla, ahí podrás ver las resoluciones con las que ingresan tus lectores. O mejor aun, Usuarios > Opciones del navegador > Móvil, ahí verás si llegan desde un iPad. Por supuesto que como tú usas un iPad seguro verás muchas visitas con ese dispositivo, así que es mejor filtrar tus propias visitas para que no las cuente Analytics:
    http://ciudadblogger.com/2009/06/filtrar-ip-en-google-analytics.html

    ResponderEliminar
  151. Hola Potro acabo de volver a entrar y continua poniendo lo de las 2 visitas, también he ingresado donde me comentas, y pone que las dos son desde windows, y con resoluciones que ninguna me pertenece.
    Si no mejora para mañana, este contador no me vale para nada, que decepción :(

    ResponderEliminar
  152. Pues quizá algo debió salir mal aunque no sé qué pueda ser, regularmente sólo se pone el código antes de </body> y a los dos o tres días ya se empiezan a ver los resultados o.O?

    ResponderEliminar
  153. Hola Potro!

    Pues nada que me he puesto r a cambiar de plantilla por una de las de blogger, la simple, para poder adaptar muchos de los trucos que nos compartes, pero me he encontrado con varias cosas...el ancho del blog ya lo he manejado por la opción por defecto, pero el título de las entradas no sé si por defecto este alineada a la izquierda, pero no logro centrarlo, ni en la plantilla.

    Igual me pasa con la barra de pestañas superior debajo de la cabecera, me gustaría centrarla y además, ponerla por encima de la cabecera, en los elementos de página no me lo permite, y creo dejarlos por encima. Pero no sé bien cual es el código en el HTML, para mover la posición.

    Espero que no te moleste tanta preguntadera....
    y gracias de antemano!

    ResponderEliminar
  154. Olvide dejarte la dirección....del blog
    http://rstica.blogspot.com

    ResponderEliminar
  155. Hola Mayte, sin entrar en detalles, veo tu página muy bonita, "ya tienes un miembro más" :)

    Espero que El Potro te pueda ayudar pronto.

    Un saludo.

    ResponderEliminar
  156. Hola!

    Pues creo que por ahora ya me he arreglado con la plantilla. Ahora tengo un par de cosillas pendientes, que ya te preguntaré, solo quería decirte que ya lo había logrado :)

    Buen inicio de semana!

    ResponderEliminar
  157. Gracias por avisar Mayte, saludos y buen inicio de semana para ti también :)

    ResponderEliminar
  158. Sabes como hacerlo en otro tipo de plantillas,en la que tengo no me salen esos codigos!

    http://bioregionvallemaipo.blogspot.com/

    ResponderEliminar
  159. Sobre otras plantillas no tengo una entrada pero en la red hay varios tutoriales que te pueden servir, este es uno de ellos:
    http://ayudaparatublog.com/como-cambiar-el-ancho-de-la-plantilla-de-tu-blog-blogger/

    ResponderEliminar
  160. Hola Potro
    Loprobe despues de mucho deambular por las confusiones.
    Y en todos lados me decian modificar el x-wrapper.
    La diferencia en mi plantilla es que al buscarlo con ctrl+f no me salia. Y es porque esta configurado con wrap y no wrapper!!
    Una pequeña lesera, pero que me tuvo desesperanzado
    Tal vez a alguien le sirva!
    Mucha paz

    ResponderEliminar
  161. Lo que pasa es que los tutoriales que hacemos la mayoría son enfocados a plantillas originales de Blogger, pues como las plantillas personalizadas suelen tener muchos nombres y cambiarlos por otros entonces sería imposible hacer múltiples tutoriales para cada caso. Es por eso que en ellas siempre varían los nombres de los contenedores y elementos, pero qué bueno que finalmente pudiste resolverlo con éxito ;)

    ResponderEliminar
  162. Hola Potro,
    Como estas?.. Ya hace algun tiempo que no me ocupo de mi blog!.. Lo que pasa es que mi PC no va bien!.. Te queria comentar una cosa.. He visto que han desaparecido algunas letras laterales del texto de mi blog. Yo no he tocado nada, asi que no se que esta ocurriendo. He intentado modificar el outer wrapper, pero creo que no es eso.. Si me pudieras ayudar te lo agradeceria un monton. A ver si me compro el Mac Apple y sigo mas el blog.
    Tu seguidor fiel, Jose
    www.dondeandaras.blogspot.com

    ResponderEliminar
  163. Hola Jose,

    Qué gusto leerte de nuevo por estos rumbos.
    Busca esta parte de tu plantilla:
    #main {
    width: 400px;

    Cambia ese 400px por 412px

    Saludos.

    ResponderEliminar
  164. Hola Potro,
    Que tal?... He cambiado el width a 412px, pero si hago eso las letras me salen del recudadro.Las letras tienen que acabar donde termina la foto y no mas alla.El sistema tendria que tabularlo bien. Por alguna razon las ultimas letras laterales de la banda derecha han desaparecido. Pero si miro mas abajo en el blog ya no ocurre eso. Parece que solo le afecta hasta mitad del blog.Tiene que ser algo del tabulador, que no distribuye bien los parrafos.. Que lio, por dios.
    Un saluod y muchas gracias, Potro .
    Tu seguidor fiel
    Jose

    ResponderEliminar
  165. El error está en los códigos de las entradas, no sé si copiaste la entrada desde un editor de textos y al hacerlo se "llevó" otro tipo de códigos que no deberían ir.
    Revisa en tus entradas al inicio de ellas, verás que empiezan así:

    <div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><div style="text-align: justify;">

    Editalo para que no tenga nada dentro que quede así:
    <div><div><div><div><div>

    Saludos.

    ResponderEliminar
  166. Hola Potro,
    Siiiiii!... Ahora ha quedado perfecto. No se lo que paso, en realidad, pero estoy feliz de que ahora este solucionado gracias a ti!.. A ver si a partir de ahora continuo mas con el blog... Tengo muchas historias y muchas fotos que publicar. Un saludo afectuoso y gracias otra vez.
    Tu seguidor fiel,
    Jose

    ResponderEliminar
  167. Por nada Jose, buen día y que disfrutes publicando en tu blog :)

    ResponderEliminar
  168. Potro una pregunta.
    Quiero saber que codigos cambiar para que mi blog me permita usar una imagen mas grande en la cabecera del mismo.

    PD: No es una cuestión de la dimensión de la imagen, ya que he subido imágenes bien grandes y el blog me las achica al tamaño actual.

    Te dejo mi blog:

    http://dirtywatcher.blogspot.com/

    ResponderEliminar
  169. Tu plantilla anteriormente tenía la cabecera dividida en tres partes, y ahora aunque tienes nada más una, esa parte que usas sigue siendo reducida.
    Cambia el ancho de esta parte:
    .header_first {
    float: left;
    margin-right: 10px;
    background-color: #ffff48;
    padding: 13px 8px;
    width: 434px;
    }

    Si lo pones en 900px entonces la cabecera se expandirá y con ello la imagen que tienes.

    ResponderEliminar
  170. Muchas gracias Potro, funcionó perfectamente.

    ResponderEliminar
  171. Qué gusto que así haya sido Diego :)

    ResponderEliminar
  172. Hola tengo un blog alojado en blogger, en las nuevas plantillas de blogger, tiene una sidebar en la izquierda, la columna principal en el centro y en el lado derecho 2 sidebar (En realidad una divida del medio hacia abajo), lo unico que deseo hacer es la sidebar de la izquierda, lograr que aparezca en la derecha, para que todas las sidebar esten a la derecha y por ultimo, modificar el padding de los widgets, para que ese rellegno que veran en mi blog que se ve sobrando mucho espacio por dondequiera, sea menor, pues hay muchos espacio desperdiciado, gracias anticiapdas. mi blog es: http://informativord4.blogspot.com/

    ResponderEliminar
  173. Hola Xander Reyes, no hace falta duplicar los comentarios, ya te he respondido en la otra entrada ;)
    Saludos.

    ResponderEliminar
  174. Perdon Potro, pense que no se habia publicado y como habia copiado de word, lo copie de nuevo, sorry, no era insistencia, sino error humano.

    ResponderEliminar
  175. No hay problema Xander, es completamente entendible ;)

    ResponderEliminar
  176. Holas potro quería hacerla una consulta:

    En esta plantilla: http://videcristianos.blogspot.com/

    me preguntaba ¿ como hacer para dividir las categorias de la sidebar en 2 columnas ?

    quiero dejar la sidebar en 300 px xq pienso agregar mas cosas en esas dimensiones pero también me gustaria la vez ingresar las categorías en 2 columnas y no se como :S

    Me puedes dar una orienta fabor :P

    ResponderEliminar
  177. Hola Adm.

    Sólo agrega antes de ]]></b:skin>: esto:
    #Label1 ul li{
    float: left;
    width: 45%;
    }

    ResponderEliminar
  178. Guauuuuuuuuu Potro simple y practico que es lo que mas amo, sos groso sabedlo (y) muchas graciasssssss

    ResponderEliminar
  179. Potro!!! como has estado? :D
    Espero que súper... aunque ya me enteré que andas estresado y que necesitas unas buenas vacas... jaja

    Una pregunta potro...
    Lo de agrandar el ancho del blog...
    Yo no deseo agrandar todo el blog en sí... lo que quiero agrandar es el contenedor de la plantilla. Porque si agrando todo el ancho del blog, al momento de ingresar a la página, éste no se encuentra centrado y aparece una barra de desplazamiento en la parte inferior, haciendo que se vea algo así:

    Imagen de ejemplo

    Entonces no se ve nada estético.
    Lo que desearía es que al agrandar el contenedor, no aparezca esa barra de desplazamiento, pero que si agrande el contenedor haciendo que los posts y la sidebar se vean más grandes y pegadas a los extremos sin que aparezca esa barra de abajo, ni que se vaya para la derecha, sino que se vea todo el contenido sin necesidad de que tengas que mover la barra que aparece abajo hacia el lado derecho para ver el contenido del blog.

    Uhmmm... ¿Me pregunto si me entendiste? ó ya te mareé... plop...

    Es como por ejemplo tu nueva plantilla ó la plantilla anterior. Se veía bien ancho el contenedor de la plantilla junto con la sidebar, sin esa odiosa barra que aparece abajo cada vez que agrando todo el blog. Grrrr... :(

    Por cierto, el ancho de mi blog es de 960 px
    y mi sidebar 310

    Este es el código que aparece en mi plantilla:









    ¿Cómo puedo darle solución a este problema?

    Ay Potris... sorry por darte más estrés... :(
    Pero siempre he tenido esta duda desde ya hace ufff...
    Y he tratado de darle solución y he buscado en otros lados, pero nada :-/

    Espero me puedas ayudar antes de que te vayas (Eso es si decides darte unas buenas vacaciones)...
    No tendríamos Potro por un buen tiempo :(

    Cuídate ¿sí?
    Saludos Potris... tkm
    Y gracias por todo lindo :)

    ResponderEliminar
  180. Wtf.. no aparece el código de mi plantilla O_o ??

    Grrrrr...

    Bueno nada me detiene, le tomo foto, aquí está:

    Mi código plantilla

    :D

    ResponderEliminar
  181. Ay estos Screenshots son cr@p... no toman bien... grrrr... Sorry por es potro :(

    ResponderEliminar
  182. Aqui yo jeje, tengo configurada la Sidebar a mi gusto, tengo puesto un margen de donde empiezan las palabras y algunas imagenes que coloque.
    Tengo una duda, ponele que yo agrego n gadget de "imagen" o nose de "java script" pero el contenido es una imagen, y quiero que no tenga margen, osea 0, para que quede a los bordes de la sidebar (bien justa sin sobra de espacio), como puedo configurarlo? Estuve haciendo pruebas con la id del gadget pero no logro sacarle los margenes y poder configurarlos para 1 solo gadget.

    Se puede hacer?
    Saludos potro!!!

    ResponderEliminar
  183. Hola Antoxwoman,

    Espero que te encuentres bien.
    El ancho del blog es el ancho del contenedor de la plantilla, es exactamente lo mismo, por lo que si se agranda el ancho de la plantilla se tiene que agrandar todo.
    Puedes decidir qué ancho tendrá el contenedor de las entradas y el de la sidebar, pero en conjunto es todo el ancho del blog.

    Esa barra de desplazamiento que ves abajo, aparece cuando la ventana del navegador es más chica que todo el ancho de la página, si haces más grande la ventana de tu navegador verás que desaparece esa barra. Así que esa barra depende basicamente de dos cosas, del ancho de la ventana del navegador del usuario, o de la resolución de la pantalla también del usuario, pero obviamente ahí no podemos decidir ni modificar nada.

    Saludines :)

    ResponderEliminar
  184. PelicuLand.com,

    Quizá no es la imagen, sino el gadget. Todos los gadgets tienen un margen y un espacio, sea del tipo que sea, esto es para que los gadgets no queden amontonados entre sí.
    En el caso de las imágenes puedes establecer en los estilos de la plantilla que las imágenes de la sidebar no tenga margen:

    .sidebar .widget img {margin:0;}

    ResponderEliminar
  185. Oh entiendo potris!!!

    Gracias por responder!!! :)

    ResponderEliminar
  186. Hola potro que tal potro tengo un problema con un blog que estoy editando ,pues mira quiero mover un poco mi sidebar ,quiero alaejarla un poco mas de la parte correspondiente a los post ,quiesiera moverla mas a la derecha ,pero no se como ,he intentado de todo y no encuentro la forma de cambarlo ,espero tu respuesta tu respuesta y agradesco tu ayuda.

    http://problemasdematematicas.blogspot.com

    ResponderEliminar
  187. Hola potro solo para decirte que cambie la url de mi blog ahora es http://todito-dinero.blogspot.com

    ResponderEliminar
  188. Hola Luis,

    Tendrías que reducir el ancho de las entradas para que se aleje de la sidebar:
    .post {
    background: url(#) top no-repeat;
    float: left;
    width: 590px;
    margin-top:-10px;
    padding: 10px;
    border-bottom: 1px dashed black;
    }

    ResponderEliminar
  189. Hola que tal potro ,mira ya cheke como me dices pero solo se reduce y si le muevo los margenes se mueve la parte de los post,pero la sidebar no se mueve para nada .No se como le hize ya no me acuerdo que en este blog toditonarutoshippuden.blogspot.com pude casi pegar la sidebar al borde del main wrapper u outer wrapper no se que sea ,espero que me puedas ayudar ,salu2 y que tengas buen dia.
    http://todito-dinero.blogspot.com

    ResponderEliminar
  190. Ah bueno, es que tú has dicho que quieres que la sidebar se aleje de las entradas, y si reduces el ancho de las entradas entonces sí que se aleja uno del otro.
    Pero creo que lo que quieres es mas bien que la primera sidebar esté más pegada a la derecha. Si es así entonces lo que tienes que hacer es poner más ancha el área de los gadgets de esa sidebar:
    .sidebar .widget {
    background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
    float: left;
    width: 260px;

    Con un 298px quedará bien.

    ResponderEliminar
  191. Hola potro gracias si me funciono tuy respuesta te agrdesco tu ayuda,ahora disculpa que te vuelva a molestar me gustaria que me ayudaras ,mira me gustaris que mi sidebar este toda junta en una solo sidebar como la que tu tienes ,si te fijas en mi sidebar esta separada cada widget dentro de cada cuadrito me gustaria que este todo completa que no tenga separacion ,saludos potro y muchas gracias
    http://todito-dinero.blogspot.com

    ResponderEliminar
  192. Eso es porque esa plantilla tiene varias sidebars en toda esa sección, tendrías que conseguir una plantilla que tuviera sólo una.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger