Reducir el espacio entre las entradas y las sidebar en las plantillas del Diseñador

4 de noviembre de 2011 365 comentarios ,
No sé si sea cuestión de percepción individual, del navegador, o qué se yo, pero muy a menudo me preguntan cómo reducir el espacio que hay entre los posts y la sidebar en las plantillas hechas con el Diseñador de Plantillas de Blogger. Y digo cuestión de percepción porque yo siempre las he visto con una distancia bastante aceptable, pero supongo que aquí ya es más cuestión de gustos.


Como sea, si quieres reducir la distancia entre posts y sidebar basta con agregar un margen con valor negativo y así reducir ese espacio.

Si usas la plantilla Simple, Picture Window, Fantástico S.A, Filigrana o Ethereal, entra en la Edición de HTML de la plantilla y agrega antes de ]]></b:skin> lo siguiente:
.main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left: -20px !important;}
Dale Vista Previa, si tiene la distancia que deseas guarda los cambios y listo.
Pero si usas la plantilla Travel (Viajes) entonces el procedimiento es otro, para ese caso busca una línea como esta:
<Variable name="content.padding" description="Content Padding" type="length" default="20px" value="20px"/>
Tal vez tenga otros valores, pero debes fijarte que tenga lo que está en negrita. Cambia el último valor (el de value) por 0px
Habiendo hecho eso la distancia se habrá reducido.


El espacio lo podemos modificar para hacerlo más separado o más junto; con un valor menor (como -25px) se reducirá más, y con un valor mayor (como -10px) la reducción no será tanta.
Hay que tomar en cuenta que ese valor que reducimos se distribuye uniformemente en la(s) sidebar(s) y el área de las entradas.

Esta modificación aplica para las plantillas con una o dos sidebar, pero todas hechas con el Diseñador de Plantillas de Blogger.

¿Quieres eliminar el espacio que hay arriba de la plantilla? Entonces mira esta entrada.


365 comentarios en:

" Reducir el espacio entre las entradas y las sidebar en las plantillas del Diseñador "

  1. Gracias Potro esto me va a servir para mi nueva plantilla.

    ResponderEliminar
  2. gracias potro alomejor en un futuro lo necesitare
    salu2

    ResponderEliminar
  3. Lo acabo de probar y queda bién pero sigue la separación entre los gadgets y entre las entradas... Que se pondría para juntar esa parte también??? Gracias. Ya probé con margin top y bottom y no funciona. :(

    ResponderEliminar
  4. pues yo veo una distancia razonable, pero bueno, para gustos los colores. yo como uso una plantilla distinta no tengo problema jeje

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

    ResponderEliminar
  6. Marcos Gratis, ¿cuál distancia exactamente y en cuál blog?

    ResponderEliminar
  7. Obed, a sacarle provecho pues ;)

    FINEM, cuando lo ocupes ahí estará!

    ResponderEliminar
  8. La separación abajo de los widgets y bajo cada post. marcosgratis.blogspot.com
    Gracias Potro.
    Gabriela.

    ResponderEliminar
  9. Renato_Yucra, gracias!

    Campamento Web, ni yo.

    ResponderEliminar
  10. Hola puedes hacer un tutorial de como de como crear 4 espacios para gadgets pero que tengan las mismas medidas y esten situadas abajo del titulo del blog, pero que cuando agreguemos gadgets no difiera de la proporción en tamaño que le hemos dado a los espacios de los gadges?t

    mira mi blog: toxicosm.blogspot.com

    Gracias por la información un abrazo desde México

    ResponderEliminar
  11. Hola Hola!!!
    Hace mil que no me paso por acá! ♥
    Te comento la duda que me dio con esto...
    En mi blog el problema no es la distancia entre las entradas y la sidebar... Sino entre estas y el margen del blog.
    Para mayor comprensión te dejo una foto.
    http://dl.dropbox.com/u/14132616/espacios.jpg
    Yo quiero reducir un poco eso, porque si te fijas también hay espacio entre el recuadro de la entrada y donde comienza el titulo y el resto del cuerpo y creo que si logro reducir el espacio de los margenes externos al cuadro puedo sacar el recuadro, o mejor aún... si sabes como reducir ambos espacios puedo probar como me gusta que se vea más.
    Con recuadro y menos espacio de ambas partes, o bueno probar hasta que me guste jajaja
    Besitos ^^

    ResponderEliminar
  12. Reno, localiza el código del botón +1 con los artilugios expandidos, y enciérralo en una condicional para que se muestre sólo en las entradas individuales.

    ResponderEliminar
  13. Hola, vengo de nuevo por acá, es sobre las vistas dinámicas, me podrías ayudar por favor con el css para que no se vea el borde a las imágenes. Estoy intentando hacer un blogspot como Tumblr y recién estoy probando como quedaría. He intentado dejarlas dentro de un div y quitarle el borde y padding que trae, pero sólo me arregla el padding, el borde sigue mostrándose

    http://xblogconnombre.blogspot.com/2011/11/helloween.html

    Salu2

    ResponderEliminar
  14. Marcos Gratis, pues yo no veo ninguna separación considerable en ese blog, pero si te refieres a la separación entre cada gadget, entonces esa se controla aquí:

    .main-inner .widget {
    background-color: $(widget.background.color);
    border: 1px solid $(widget.border.color);
    padding: 0 $(widget.padding.side) 15px;
    margin: 20px -16px;

    Ese 20px es la separación entre cada uno de los gadgets.
    Y, la separación entre cada entrada se controla aquí:
    .date-outer {
    position: relative;
    margin: $(date.space) 0 20px;

    El primero se cambia por un valor numérico como 5px, y el segundo por un valor más bajo.

    ResponderEliminar
  15. Chiknaui.Mikistli Joel Molina Reyes, ya hay un tutorial para dividir el crosscrol del blog:
    http://ciudadblogger.com/2011/05/dividir-el-crosscoll-del-blog.html

    ResponderEliminar
  16. Miss Varieté, ese espacio no se puede controlar cuando el blog está centrado. Te explico, las plantillas tienen un ancho, por ejemplo 900px, muchas de ellas, como la tuya, están centradas de manera que siempre esté en medio de la ventana del navegador. Si la ventana del navegador, le cambias de tamaño entonces ese espacio se cambiará también, porque el blog está centrado.
    Haz la prueba, haz más grande la ventana de tu navegador y ese espacio se hará más grande también; por el contrario, haz más chica la ventana y el espacio también se reducirá.
    No es algo que se controle si el blog está centrado.

    Saludos y qué bueno verte otra vez :)

    ResponderEliminar
  17. Alexis, agrega esto en la sección de Añadir CSS:

    .article .article-content img:not(.deferred) {
    padding:0 !important;
    border: 0 !important;
    -moz-box-shadow: 0 !important;
    -ms-box-shadow: 0 !important;
    -o-box-shadow: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
    }

    ResponderEliminar
  18. He creado un blog con las nuevas vistas dinámicas de blogger, pero veo que no puedo modificar la plantilla html. ¿Tienes idea de cómo lo hago para hacer la verificación del sitio que me pide webmasters/tools si no puedo añadir ningún metatag? Gracias Potro.
    Mi blog http://whoistakingpictures.blogspot.com

    ResponderEliminar
  19. Gracias, me anduvo perfecto, 1 última pregunta. Cual sería la instrucción para que cambie lo que está dentro del div "sinborde", es que no quiero que le cambie el estilo a las imágenes de los otros posts.

    Saludos

    ResponderEliminar
  20. Hola, se que esto no tiene nada que ver pero podrias hacer un tutorial para poder presentar las Entradas Populares solo con sus imagenes? como en esta template, y la preview esta aqui :D

    ResponderEliminar
  21. Oscar, en esas plantillas no se puede acceder a la Edición HTML de la plantilla, por lo tanto no se pueden añadir códigos que permitan verificar la propiedad del sitio. Otro pequeño detalle en el cual no pensaron los de Blogger.

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

    ResponderEliminar
  23. Hola potro! De nuevo con mis dudas xDD.. Si quiero eliminar completamente alguna de las barras laterales como le hago? ._.?

    ResponderEliminar
  24. Alexis, no entendí bien, ¿me puedes dar más detalles?

    ResponderEliminar
  25. ee, es que con el código se quitan los bordes de las imágenes en todos los posts, pero me gustaría que se quitara sólo en las imágenes que yo quisiera, lo intenté dejando la imagen dentro de un div con class (nombre= sinborde, ahora que me fije no lo había explicado antes xD) pero no estoy seguro cual es la instrucción que debe de tener en el CSS

    ResponderEliminar
  26. wonderstruck, pues por ahora te lo debo, pero por aquí hay varios sliders que puedes usar, sino quieres que tengan texto de descripción lo puedes omitir y así tendrás un slider de puras imágenes.

    ResponderEliminar
  27. ¡Hola Potro!
    Disculpa queria hacerte una pregunta aunque quiza no sea el lugar adecuado para hacerla pero te pido que me ayudes, Resulta que las entradas o post de mi blog me salen pegadas no tienen separacion una de la otra excepto la primera me gustaria que me ayudaras a resolver esto por si no me explico ve mi blog es http://bloggermisionero.blogspot.com

    Bueno espero que pronto me puedas responder y desde ya te agradezco Amigo Potro

    ResponderEliminar
  28. PC, gracias por la idea, aunque ya en Oloblogger hay una entrada donde explica cómo hacerse:
    http://www.oloblogger.com/2010/12/el-pajarito-volador-de-twitter-en.html

    Pero gracias igualmente ;)

    ResponderEliminar
  29. Oyee pootro una preguunta tu sabes como poner la Caaja de Coomentariios pero Quee sea de Facebook?? Enves de Essta?

    ResponderEliminar
  30. Hola Potro.. Oye, se puede que en las entradas aparesca la línea derecha (unicamente) de la sidebar y que al entrar a una de las páginas se elimine, para poder dar más espacio al contenido de la pagina? Agradesco tu atencion! ;DD

    ResponderEliminar
  31. ♛ⓛⓤⓘⓢ★ⓚⓔⓝⓝⓨ★ⓣⓡⓘⓟⓛⓔ★ⓗ♛ Aqui te dan los Códigos para esa función:
    http://developers.facebook.com/docs/reference/plugins/comments/

    ResponderEliminar
  32. Si, entre en el enlace de Oloblogger y lo pude comprobar. Bueno pues nada borro el comentario.
    Un abrazo

    ResponderEliminar
  33. Gracias Potro. Supongo que habrá que esperar a que Blogger vaya corrigiendo estos problemas en las vistas dinámicas.

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

    ResponderEliminar
  35. Hola, oye me puedes ayudar a colocar un asi parecido en wordpress?

    Quiero uno que muestre miniaturas de las entradas populares o con una cierta categoria

    y que se muestre debajo de los menus y a lo largo de todo el ancho de la web

    ResponderEliminar
  36. ♛ⓛⓤⓘⓢ★ⓚⓔⓝⓝⓨ★ⓣⓡⓘⓟⓛⓔ★ⓗ♛ , busca en Vagabundia, ahí hay un tutorial que explica cómo poner los comentarios de Facebook en Blogger.

    ResponderEliminar
  37. Ismael xD, ahí mismo en el Diseñador de plantillas de Blogger dentro de la pestaña 'Diseño' puedes elegir cuántas columnas quieres para tu plantilla y la posición.

    ResponderEliminar
  38. Alexis, puedes quitarle el borde sólo a las que quieras, pero el sombreado permanecerá a menos que se lo quites a todas.

    ResponderEliminar
  39. Hola merida07, así es la estructura de esas plantillas, todas las entradas publicadas el mismo día se encierran en un solo contenedor, hasta donde sé esa parte no se puede modificar :/

    ResponderEliminar
  40. Potro... aqui estoy de vuelta dándote guerra y con cosas no relacionadas, a dónde te puedo enviar cuando tenga dudas que no tengan nada que ver con la entrada?...

    En fin, mientras me respondes eso, aquí te va mi duda. En alguna de tantas modificaciones que le he hecho a mi blog, algo moví. El caso es que no me di cuenta inmediatamente y ahora no se como corregirlo. Lo noté por que en lo que me afecta es cuando quiero enviar lo que publico a facebook.

    Normalmente aparecía la foto del post, el título, el vínculo y una pequeña descripcion del post o incluso la descripción de la página. Pero ahora, en vez de esa descripcion, me aparece en todas las cosas que envio a facebook, parte del código de mi plantilla.

    Dónde lo modifico para que las personas que leen lo que envío no esten viendo el script de mootools... ???

    Además en la parte de arriba de mi blog aparece esto: " --> " y no se como quitarlo porque busco en el código y hay como diez mil de esas flechas... :/

    Yo se que tu me puedes ayudar! :D Eres el Super Potro!

    ResponderEliminar
  41. Lo olvidé. Mi blog: cuidadesmecanicas.blogspot.com

    ResponderEliminar
  42. iDigital Pixel, ¿te refieres a eliminar la sidebar en las páginas independientes? Sí, puede hacerse de dos maneras según si usas una plantilla antigua o una del Diseñador:
    http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
    http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html

    ResponderEliminar
  43. Alejandro Baiud, ¿en cuál blog?

    Admin, lo siento, la plataforma de WP no la conozco, todo lo que hay aquí es para Blogger.

    ResponderEliminar
  44. Graciasd potro por resolver mi duda.
    ¡Suerte!

    ResponderEliminar
  45. Hola bellalice wayland,

    Puedes usar el formulario de contacto que está en el menú, aunque las preguntas que se hacen por aquí se responden más rápido ;)

    Intenté poner tu dirección en una publicación de Facebook y como descripción decía "DESCRIPTION HERE", eso es porque la plantilla ya venía con unos metatags que no modificaste:

    <meta content='DESCRIPTION HERE' name='description'/>
    <meta content='KEYWORDS HERE' name='keywords'/>

    Puedes poner ahí la descripción de tu blog y las palabras clave respectivamente, o puedes quitar ese código. Si quitándolo ves que aparecen códigos raros entonces ponlos de nuevo para que al menos aparezca la descripción del blog.

    Los scripts que tienes en la plantilla ponlos todos justo antes de </head> porque hay unos que están en medio de los estilos y esa podría ser la causa de que aparezcan esos caracteres arriba.

    Buen inicio de semana!!!

    ResponderEliminar
  46. Hey Potro! Sabes si se puede centrar todas las entradas del blog con un codigo y que se centren automaticamente en vez de manualmente?
    Un abrazo!

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

    ResponderEliminar
  48. Al fin pude ser el primero en comentar en uno de tus post... XD.

    ResponderEliminar
  49. Hice todo lo que me aconsejaste (mover los scripts y reemplazar la descripcion y las palabras claves) y esto es lo que yo veo

    http://i44.tinypic.com/2dgpzpe.jpg

    Sigo en las mismas :(

    ResponderEliminar
  50. Josemi, sí, si quieres que el contenido de todas las entradas se centren agrega debajo de .post-body { esto:
    text-align:center;

    ResponderEliminar
  51. Potro disculpa que te moleste como puedo eliminar el buscador de las plantillas descargadas.
    este es mi blog
    http://wwwpavasfamosas.blogspot.com/

    ResponderEliminar
  52. bellalice wayland, es que si lo compartes directamente desde Facebook sí aparece la descripción del blog.
    ¿Ese script de Mootools para qué lo estás usando?

    ResponderEliminar
  53. videosxxx, elimina esta parte de tu plantilla:

    <div class='span-10 last' id='topsearch'>
    <form action='/search' id='searchform' method='get'>
    <div><label class='screen-reader-text' for='s'>Search for:</label>
    <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
    <input id='searchsubmit' type='submit' value='Search'/>
    </div>
    </form>
    </div>

    ResponderEliminar
  54. Grande Potro! :) Esto me ha ayudado muchisimo

    ResponderEliminar
  55. Hola El Potro, aprovecho esta entrada para consultarte algo parecido: me gustaría reducir el espacio entre la cabecera de mi blog y las entradas. Tengo una cabezera cambiante al azar, que es un gadget. Te agradecería la respuesta. saludos

    ResponderEliminar
  56. Potro, creo que venia con la plantilla por que no recuerdo haberlo instalado yo, supongo que controla el slider o el menu... :S será??... la cosa es que siempre ha estado ahi ese script y siempre me había aparecido la descripcion, hasta hace poco, pero tambien he instalado algunas cosas hace poco asi que, cuál de todas será la que está haciendo el desastre?? :S *duda existencial*

    Bueno, lo haré directo en facebook por ahora mientras le encontramos. Muchas gracias! :D

    ResponderEliminar
  57. Hernan Yako, agrega en los estilos esto:
    .main-outer {margin-top:-20px;}

    Con eso deberá subirse el contenido.
    Saludos y gracias por comentar!

    ResponderEliminar
    Respuestas
    1. Hola! Hice esto que acabas de explicar pero me di cuenta que si bien se reduce el espacio entre la cabecera y las entradas, me pasa a llevar "las páginas". No sé si me expliqué bien, pero este es mi blog: http://9noctis9.blogspot.com/

      Además la imagen que tengo en la cabecera de descentró, e intenté arreglarlo según el comentario 95 pero no me funcionó, así que no sé si hice algo mal :(

      De todos modos gracias por explicar. Esto lo quería hacer desde hace mucho tiempo =)

      Eliminar
    2. Con el gadget de páginas no veo ningún problema. Pero para centrar nuevamente la cabecera agrega esto:
      #header-inner{
      margin:10px 0 0 20px;
      }

      Saludos.

      Eliminar
    3. Hola! Gracias por responder =) Y perdón por molestar tanto. Al final decidí que la imagen de la cabecera ocupara todo el espacio del ancho del blog, pero aún tengo problemas con ese pequeño espacio entre el gadget de páginas y la cabecera, y es que si hago lo que dices arriba (comentario 60) las entradas y las columnas lateras taparían al gadget de pestañas. Ahora no lo puse porque se veía mal pero eso pasa.

      Espero que me ayudes. Gracias =)

      Eliminar
    4. Hola Ann Reed, no hagas caso a ese comentario que ha sido para algo distinto a lo que tú pides.
      En tu caso debes agregar esto si quieres reducir ese espacio:
      .header-outer {margin-bottom: -15px;}

      Eliminar
    5. Muchas gracias. Ahora quedó genial! Nos vemos!

      Eliminar
  58. bellalice wayland, pues sí, debe ser que hace funcionar uno de esos dos. Puedes probar poner ese script antes de /body y ver si siguen funcionando tus gadgets, si siguen funcionando entonces prueba de nuevo en Facebook para ver si sigue apareciendo el código de ese script.

    ResponderEliminar
  59. potro lamentamente elimine ese codigo y mire vista previa y la plantilla queda mal no se como eliminar ese buscador que la plantilla ya trae.

    mi web es : http://wwwpavasfamosas.blogspot.com

    ResponderEliminar
  60. en si lo que quiero es quitar ese buscador y poner el propio que tengo para mi blog, estaba pensando sera que puedo quitar ese y poner mi buscardo en el mismo lugar

    ResponderEliminar
  61. Si eliminas exactamente lo que te indiqué no habrá problemas, sólo que a veces sin darnos cuenta también eliminamos uno que otro caracter. Prueba de nuevo, esta vez revisando que sólo quites el código que te he dicho.
    Saludos.

    ResponderEliminar
  62. Gracias potro todo salio bien, como tu dices estaba eliminado un pequeño codigo, pero gracias por tus consejos sigue adelante con tu web

    ResponderEliminar
  63. Qué bien que todo resultó como esperabas :)
    Saludos!

    ResponderEliminar
  64. primero que nada quiero felicitarte, es la primera vez que entro a un foro donde tooodas las dudas son contestadas, segundo gracias por regalarnos lo que te ha costado tu tiempo y esfuerzo aprender, y tercero, hay alguna forma de que los títulos de las entradas aparezcan como índice en los archivos del blog, es decir que en lugar que aparezcan sólo las fechas y tengas que abrir cada fecha para ver la entrada, puedas ver el título de las entradas directamente. http://beraka-sofia.blogspot.com/ (lo que está a la izq.)

    ResponderEliminar
  65. Muchas gracias Ale y bienvenida a Ciudad Blogger!
    El gadget de Archivo lamentablemente no se puede modificar, es muy poco lo que podemos hacer con él.
    Sin embargo, hay otras opciones como esta tabla de contenido por fecha, que aunque quizá no sea ideal para la sidebar, bien podría adaptarse en una página independiente:
    http://ciudadblogger.com/2009/12/sitemap-o-tabla-de-contenido-por-fecha.html

    Saludos.

    ResponderEliminar
  66. Gracias por tu respuesta El Potro, sabes? soy un poco "neófita" en este asunto de los códigos y diseños. =( no encuentro donde poner el código que refieres en tu respuesta, lo copié, entré a mi blog, le puse diseño, pero no encuentro ningún lugar que diga html, a menos que sea en un gadget nuevo =( también lo busqué en diseño de plantillas, en avanzado, en ancho, etc.

    ResponderEliminar
  67. o por ejemplo, habría forma de que mi página inicial se viera (obvio con la plantilla) pero como pusieron el nuevo escritorio? es decir que se listen las entradas con un pequeño resumen.

    ResponderEliminar
  68. Hola de nuevo Ale,

    Ese código (el de la tabla de contenido) puede ir en un gadgte o en una página. Si lo pones en un gadget debes ir a Diseño > Añadir un gadget > HTML/Javascript, y ahí pegar el código de la tabla de contenido.
    Si decides ponerlo en una página entonces entra en Páginas > Página nueva > Página en blanco, y ahí en la "entrada" pon el código de la tabla de contenido.

    Saludos.

    ResponderEliminar
  69. A mi me gustaría saber algo parecido, saber como reducir el espacio entre los gadget de las barras laterales. GRACIAS.

    ResponderEliminar
  70. Mira el comentario #15, ahí se explica cómo hacerlo.
    Saludos.

    ResponderEliminar
  71. Hola Potro.
    Soy nuevo y te he encontrado buscando algunas funciones para mi Blog. Quisiera aprovechar la buena onda que tienes con todos y preguntarte:
    En mi blog tengo como tú donde la gente se puede suscribir, pero no logro saber como puedo cambiarle el color de la letra a: google friend connect; Miembros (X), y Ya eres miembro? Acceder. Mi fondo es color gris oscuro y las letras estan en negro por lo que no se aprecian.

    Espero me hayas comprendido y me puedas ayudar.
    Un saludo, y gracias.

    ResponderEliminar
  72. Hola Quién te lo dijo...,

    Bienvenido a Ciudad Blogger!
    Lamentablemente el gadget de Seguidores tiene pocas opciones de personalización. De hecho las únicas que tiene son las que ofrece en su edición. Para verlas haz click en Editar sobre el gadget y desmarca la casilla "Utilizar estilos predeterminados de plantilla", eso te dará acceso a cambiar algunos colores del gadget.

    ResponderEliminar
  73. Potro, hago lo que me indicaste. Destildo la opción "Utilizar estilos predeterminados de plantilla", me presenta las opciones para cambiar los colores, les pongo a cada uno el valor hex FFFFFF, le doy a guardar, y cuando vuelvo a verlo tiene los mismos valores por defecto. No me toma las modificaciones ¿tienes alguna idea que puede pasar?.

    Gracias

    ResponderEliminar
  74. Hola de nuevo Quién te lo dijo...,

    Pues yo he entrado a tu blog (al de tu perfil) y veo las letras del gadget en color blanco, no sé si después sí te aceptó los cambios, pero al menos ahora se ven completamente legibles los textos del gadget de Seguidores.

    Saludos.

    ResponderEliminar
  75. Justamente por esto preguntaba en dias pasados, en vista de que ya el padding de la izquierda esta reducido, o sea los widget de mi derecha redujeron el espacio de la columna principal de mi ziquierda, ahora solo necesito que esos mismos widget, tengan menos espacios en el up y el down de forma que no hayan esos espacios tan enormes hacia arriba y abajo en blanco, que debo agregar ahi mismo, orientame? www.InformativoRD.com

    ResponderEliminar
  76. Para la separación de los gadgets mira el comentario #15, debe funcionar para la mayoría de las plantillas del Diseñador de plantillas.

    ResponderEliminar
  77. Me lleve de lo que dice el comentario numero 15 para el padding entre entradas y widgets, pero no encontre con CTRL F eso en ningun lugar, inclusive buscando por parte no el parrafo completo y no aparece, yo tengo las nuevas plantillas, cuidado si esos codigos estan en las viejas plantillas, saludos.

    ResponderEliminar
  78. Nop, las plantillas antiguas no tienen ni de por casualidad un código similar.
    Si no tienes ese código entonces añade antes de ]]></b:skin> esto:
    .widget {margin-top:-20px;}

    Eso reducirá el espacio entre los gadgets de tu plantilla.

    ResponderEliminar
  79. ¿Y se podría aplicar distinto margen a la entrada y al título por separado? Es decir, que el título de la entrada quedara un poco mas cerca de la sidebar que la letra de las entradas.
    Gracias de nuevo

    ResponderEliminar
  80. El texto de las entradas y el título de ellas se encuentra todo dentro de un mismo contenedor. Puedes controlar por ejemplo la separación el texto de las entradas respecto al contenedor, pero no sé si es eso lo que buscas.

    ResponderEliminar
    Respuestas
    1. Buenas, me ha vuelto a surgir esta duda. Si como tú dices, aplicas una separación al texto de las entradas respecto a contenedor, el título no se movería?

      Si es así, cómo se haría? (para dar el margen sólo al texto de las entradas respecto a la sidebar, sin que el título se mueva)

      Muchas gracias

      Eliminar
    2. ¿Quieres que el texto de las entradas está más hacia la izquierda? Si es así entonces debajo de .post-body { agrega:
      margin-left: -30px;

      Eliminar
  81. Como puedo disminuir el espacio entre los gadgets?
    Gracias Potrito!!

    ResponderEliminar
  82. En primer lugar te felicito por tu blog, ya que busque lo que busque en el google para "tunear" el mio, al final acabo en Ciudad BLogger. Y eso sera por algo.
    Bueno, tengo la plantilla Fantastico, S A. (creo), y le puse el doble cuerpo de entradas tipo magazine. Y mi problema es que el largo de las entradas no se adapta al largo de los diferentes textos. Todas tienen la misma largura y los corta, y quisiera que se quedara cada una a la altura que le pida el final del texto "seguir leyendo", no se si me explico bien.
    Te agradeceria que me echaras una mano cuando puedas.
    Saludos desde España.
    http://www.elgazpacho.com.ar/

    ResponderEliminar
  83. Dr., mira el comentario #15, ahí están las indicaciones. Saludos!

    ResponderEliminar
  84. Caos, lo que sucede es que a veces aun cuando haces el corte en equis parte de la entrada, no es la misma parte donde haces el corte en la otra entrada, esto es porque en cada una hay distinta cantidad de caracteres agrupados en distintos número de palabras, además que, en otras entradas muestras imágenes por lo que nunca tendrán todas las entradas la misma cantidad de caracteres a mostrar en la portada. Sin embargo todas conservan la misma altura, eso puedes verlo si miras la alineación de los títulos de las entradas de abajo, verás que ninguna se desordena, todas están alineadas correctamente, lo que significa que conservan todas la misma altura.
    Saludos y gracias por tu amable comentario.

    ResponderEliminar
  85. Asi es, Potro, pero quisiera saber si se podria modificar la plantilla para que, ponga el numero que ponga de caracteres siempre me corte debajo de "seguir leyendo", quedando cada entrada a diferentes alturas. Para que quedara algo como en este blog de worpress: http://zalameanoticias.wordpress.com/
    Gracias por tu interes.

    ResponderEliminar
  86. Sí, eso puedes hacerlo si al mini-post le quitas la altura establecida:

    .resumen {
    float:left;
    display:block;
    margin:15px 10px 5px 5px;
    padding:10px 10px 10px 10px;
    border:0px solid #cccccc;
    width:305px;
    height:305px;
    overflow:hidden;
    font-size:14px;
    font-style: arial;
    text-align:center;
    color:#FFFFFF
    background:#FFFFFF
    }

    ResponderEliminar
  87. Le acabo de eliminar height:305px; y ahora si que terminan las entradas justo donde yo quiero, pero me deja unos enormes huecos entre los mini-post. No se porqué pero las cabeceras con las fechas tienden a estar a la misma altura las de la derecha con las de la izquierda. ¿deberia de eliminar algo mas en la plantilla?

    ResponderEliminar
  88. Visualiza las entradas como una tabla HTML dividida en 4 partes, de manera que el contenido de una celda sea del tamaño que fuese siempre deberá estar a la misma altura del de la celda de alado, por lo tanto las dos celdas de abajo siempre empezarán a la misma altura. Lo mismo sucede con las entradas del blog, sea cual sea el tamaño de contenido de estos minipost siempre empezarán las de abajo desde la misma altura.
    No sé si haya alguna plantilla que no lo haga así, sería cuestión de buscar a ver si hay alguna que ya tenga esa característica.

    ResponderEliminar
  89. Lo cierto es que no hay muchas plantillas con doble columna de entradas para blogger, o al menos yo no las encuentro, y las que he probado apenas se dejan modificar. En wordpress si existen, pero de momento me quedo donde estoy.
    Muchas gracias de nuevo por atenderme, si lo arreglo te lo comento.

    ResponderEliminar
  90. Hey amigo... fracias por compartir conocimientos para toda la gente bloggera... use este codigo para reducir espacios pero...
    se me corrio la cabecera un poco a la derecha. Me podrias indicar porque habra sucedido dicho fenomeno... Desde ya: Muchas gracias.

    http://arquicienciaymetal.blogspot.com/

    ResponderEliminar
  91. Edin Quim, agrega igual estos estilos:

    .header-inner .section {margin: 0;}
    .tabs-inner .section {margin: 0;}

    Con eso deberá regresar a su lugar la cabecera.
    Saludos!

    ResponderEliminar
  92. EEE... gracias... ha mejorado bastante... gracias nuevamente.
    http://arquicienciaymetal.blogspot.com/

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

    ResponderEliminar
  94. Disculpa la molestia amigo Potro, fijate que quiero que mis articulos se vean en cajas separadas no importando si se escribe en la misma fecha como en la pagina principal.
    http://www.arquicienciaymetal.blogspot.com/ (En esta tuve que cambiar fechas para que se separaran)
    pero veamos algunas estradas antiguas:

    http://arquicienciaymetal.blogspot.com/search?updated-max=2011-11-03T20:59:00-07:00&max-results=8

    algunos articulos se ven juntos (pegados porque los realice el mismo dia.

    Algun codigo para que esten separados automaticamente sin inportar si se escribe en el mismo dia? De antemano, muy agradecido

    ResponderEliminar
  95. En esas plantillas no se puede modificar, así es la estructura que tienen :(

    ResponderEliminar
  96. Muchas gracias Potro; mira disculapa la molestia solo necesito dos cosas:

    1. Activar la caja de comentarios como este donde escribo en este momento para el siguiente blog http://cdbav.blogspot.com
    la planitilla fue relaizada con Aristeet.

    2. Como poner una imagen de fondo aparte de la que ya tengo para el blog http://www.arquicienciaymetal.blogspot.com/

    necesito que se repita hacia abajo para que no se termine el fondo original ya que eso sucede ahora y se ve el fondo con color negro.

    ResponderEliminar
  97. Edin Quim, mira esta entrada para que veas cómo poner los comentarios debajo de las entradas:
    http://ciudadblogger.com/2009/03/comentarios-en-blogger.html

    Ya tienes una imagen de fondo en el BODY, así que no puedes poner otra, sólo se permite una imagen de fondo por contenedor.
    Saludos.

    ResponderEliminar
  98. Estimado Potro, muy buenos tus consejos otra vez (y para variar jejeje). Espero puedas ayudarme con esto, cuando hice la imagen para el título del blog lo hice tomando en cuenta las dimensiones del mismo, sin embargo al ponerlo hay muchas cosas que no cuadran:
    Estas asimetrías las puedes ver en las siguientes imágenes

    http://dl.dropbox.com/u/54206977/Blog%201.JPG
    http://dl.dropbox.com/u/54206977/Blog%202.JPG

    En ambas se muestran 6 asimetrias que pasare a describir

    1)No encaja el menu horizontal con la imagen del titulo
    2)Hay una separación entre el menu vertical y el borde, que no logro disminuir
    3)Otra separación entre el menú horizontal y los gadgets
    4)Otra separación entre el Chatango y las entradas
    5)Separación entre la imagen del blog (titulo) y el borde del mismo, el cual se repite a ambos lados (izq. y der.)
    6)No logro hacer que el chatango este dentro de los margenes de la parte blanca.

    Sé que es demasiado pedir y se debe a mi ignorancia en este mundo que son los codigos html (Yo estudio Med. Veterinaria, ya te imaginarás), sin embargo espero puedas ayudarme. Saludos

    ResponderEliminar
  99. Hola LuisEthos,

    El menú, al igual que cualquier menú, ocupa el 100% del ancho del contenedor de donde está, pero además, todos los contenedores (todos), tienen márgenes y espacios que se agregan para evitar que los elementos estén encimados unos de otros, eso sucede en cualquier plantilla.
    Es por eso que ves que por ejemplo el menú vertical no llega hasta el borde, o que la sidebar derecha se aleja de las entradas, o que la imagen de la cabecera no cubre todo el ancho del blog. No es un problema, sino una característica común de toda plantilla.

    Al menos uno o dos de los espacios que mencionas se solucionan con lo que se explica en esta misma entrada pero no veo que siquiera hayas puesto los códigos.
    En cuanto al menú y otros gadgets en específico puedes aplicar márgenes negativos para "arrastrarlos" hasta donde quieres. Por ejemplo, antes de ]]></b:skin> puedes agregar algo como esto:

    #NOMBRE {
    margin-left:-30px;
    }

    Donde NOMBRE sería la ID del gadget que quieres mover de lugar.
    Saludos.

    ResponderEliminar
  100. Estimado Potro, hice los cambios que indican en este post, y los que mencionaste en el ultimo comentario, sin embargo no encuentro respuesta. Saludos y unas felices fiestas!!!

    ResponderEliminar
  101. Hace rato no veía los códigos puestos, por eso te lo mencionaba.
    Ahora los veo ahí, pero no funcionan porque al colocarlo has eliminado la llave de cierre del código que está arriba. Lo has puesto así:
    .menu_body a:hover{
    color: #8A1308; /* Color de los enlaces al pasar el cursor */
    text-decoration:underline;
    .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left: -20px !important;
    #id='jqueryslidemenu'{
    margin-left: -30px;
    }
    }

    Si te fijas ahí se fue la llave de cierre al final.
    Debió quedar así:
    .menu_body a:hover{
    color: #8A1308; /* Color de los enlaces al pasar el cursor */
    text-decoration:underline;
    }
    .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {
    margin-left: -20px !important;
    }


    El otro código, no me había fijado que era una clase y no una ID (disculpas), en ese caso el otro iría así:
    .jqueryslidemenu {
    margin-left: -30px;
    }

    Saludos y feliz Navidad!

    ResponderEliminar
  102. Miles de gracias Potro, me funcionó a la perfección y ahora sí puedo editarlo a mi gusto. Muchas gracias por todas tus respuestas y colaboraciones. Gracias Totales!!!

    Merry Christmas!!!

    ResponderEliminar
  103. No hay de qué ;)
    Merry Christmas & happy New Year :D

    ResponderEliminar
  104. Hola Potro me gustaria que me ayudaras, a dar espacio entre la barra de busqueda y la entrada. Muchas Gracias

    ResponderEliminar
  105. Agrega antes de ]]></b:skin> esto:
    #HTML9 {margin-bottom: 20px;}

    ResponderEliminar
  106. Potro, he echo los pasos arriba descriptos pero no me achica el margen, podrias decirme en que le erro? Gracias por el aguante

    ResponderEliminar
  107. Hola GRUPO LHP, ¿cuál es el blog donde has puesto el código?

    ResponderEliminar
  108. Potro es este http://www.portalmaderos.com.ar/

    ResponderEliminar
  109. Entré, pero no vi puesto el código de esta entrada. Si lo pones de nuevo déjalo colocado y me avisas para que así pueda entrar y ver qué puede estar pasando.

    ResponderEliminar
  110. Lo que sucede es que al ponerlo estás eliminando la llave de cierre del código que está antes de él.
    Lo tienes así:
    #slide-menu a:hover, #slide-menu2 a:hover {
    color: #FFFFFF;.main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left: -50px !important;}

    Y debe ser así:
    #slide-menu a:hover, #slide-menu2 a:hover {
    color: #FFFFFF;
    }
    .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left: -50px !important;}

    ResponderEliminar
  111. Gracias Potro, ahora si quedo como queria. Abrazos y buena semana

    ResponderEliminar
  112. potro en ese tipo de plantillas como hago para eliminar el espacio que hay entre el header y el cuerpo (las entradas del blo)? espero tu ayuda MIL GRACIAS!

    ResponderEliminar
  113. Mira el comentario #60, justo ahí está la respuesta a esa situación ;)
    Saludos!

    ResponderEliminar
  114. Hola Potro, a ver si das con la solución, porque escribo un post y me salen dos en el blog. En diseño veo dos "entradas del blog" pero no sé dónde quitarlas en la plantilla. Gracias
    http://eldiariodenama.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Narrazioak, parece que tienes por ahí repetido un código, supongo que ha sido cuando añadiste el Leer más. Si así fue, revisa que el código que habías de sustituir no lo tengas, debe estar arriba o debajo del código que añadiste para el Leer más.

      Eliminar
  115. Gracias por la respuesta y solución, así fue :)
    Un saludo

    ResponderEliminar
  116. que hay potro buenas tardes

    como puedo acomodar bien el blog fíjate que cambie el sidebar del lugar y me dejo un gran basio de lado izquierdo lo raro es que solo lo veo en el explorador Opera que puedo hacer?
    mira:

    https://lh3.googleusercontent.com/-uLree-tBSkw/TxdXDthtRlI/AAAAAAAAE2Q/Y0whpgXVuKA/s800/ps3.png

    --- Hasta aparece el deslizador horizontal --

    ResponderEliminar
    Respuestas
    1. Buenas noches Griffinskato. Ese espacio es por el tamaño de la ventana de tu navegador. Si haces más pequeña la ventana verás que ese espacio se reduce.
      Saludos.

      Eliminar
    2. no potro no es eso ejejje

      man perdóname por contradecirte pero...

      si pongo el sidebar del lado izquierdo no se ve asi

      que podre hacer?

      Eliminar
    3. Entonces necesitaría ver tu blog, con sólo una imagen me puedo dar ideas, pero sólo viendo el blog "en vivo" puedo revisar el código fuente.

      Eliminar
  117. claro man es http://griffinskato.blogspot.com/

    gracias de antemano!!


    lo raro es que queda una separación solo del lado derecho

    y solo se ve en opera y Internet explorer

    ResponderEliminar
    Respuestas
    1. En IE no pude verlo porque ahora mismo no tengo un equipo con Windows a la mano, pero con Opera sí he podido verlo.
      Prueba poner debajo de #wrap { esto:
      margin:0 auto;

      Si con eso no se arregla prueba quitando esta parte:
      *{padding: 0px;margin:0px;}

      Eliminar
  118. gracias Potro pero no funciono

    lo de *{padding: 0px;margin:0px;} me separa el titulo del post

    y lo de

    margin:0 auto;

    no causa ningún cambio

    ResponderEliminar
    Respuestas
    1. Pues no sé cuál pueda ser el problema de compatibilidad entonces, porque en los demás navegadores se ve bien.
      De todas formas, Opera lo usa poca gente, e IE cada vez menos lo usan, así que los pocos que lleguen desde ahí apenas y se darán cuenta.

      Eliminar
    2. si potro tienes razon

      pero lo que mas me extraña es que si cambio el sidebar no se ve así

      y lo raro que la plantilla al principio estaba el sidebar así como la acomode ahorita y no tenia ese pequeño problema

      mira el template http://btemplates.com/2010/blogger-template-music-blog/demo/

      gracias saludos!!

      Eliminar
    3. Pues descarga esa plantilla y ponla en un blog de pruebas, luego ve viendo qué tiene de diferente en su CSS, así podrás ver qué cambio hiciste que pudo causar que pasara eso con esos navegadores.

      Saludos.

      Eliminar
  119. Intenté lo de reducir espacios de acuerdo a lo que mencionás en esta página pero no observé ninguna modificación en los espacios entre las entradas y los gadget. Te paso la dirección de mi blog para ver si podés hacer algo. Desde ya muchas gracias.
    http://futbolamateurssd.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Gabriel, entré a tu blog pero no veo puestos los códigos que aquí se mencionan.

      Eliminar
  120. Correcto, como lo inserté y no había cambios lo volví a eliminar.

    Ahora ingrese el código que mencionas como primera alternativa y que es el que utilice y por lo que veo no me reduce espacios.

    ResponderEliminar
    Respuestas
    1. Hola de nuevo Gabriel.
      Lo que sucede es que cuando has puesto este código has eliminado la llave de cierre de los estilos que están arriba, eso ha hecho que se invaliden estos cambios.
      http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

      Eliminar
  121. Hola Potro, ¿cómo puedo reducir el espacio entre entradas?
    No encuentro .date-outer { en mi plantilla y si lo intento añadir me sale un error. Éste es el blog de pruebas: http://unpassatemps2.blogspot.com

    Gracias.

    ResponderEliminar
    Respuestas
    1. Hola Patri,
      Para reducir el espacio entre las entradas agrega en los estilos esto:
      .post-outer {
      margin-bottom: -30px;
      }

      Eliminar
  122. Hola Potro, tengo una pregunta: tengo este blog: http://blogdelapiz.blogspot.com/ y quiero reducir el espacio entre la imagen larga con los rostros y la barra con las paginas, como lo hago?

    ResponderEliminar
    Respuestas
    1. Hola Marco Tóxico,

      Agrega antes de ]]></b:skin> esto:

      #Image1 {
      margin-top: -10px;
      }


      Saludos.

      Eliminar
    2. Muchas gracias por responder. Le puse un valor hasta de -50 pero la tira con fotos no se movió para nada, que podría ser? que otra opción podría usar?

      Eliminar
    3. No veo puesto el código en tu blog.

      Eliminar
    4. Ya lo puse bien (lo que pasa es que soy un gran asno y lo ponía después y no antes) muchas gracias por la ayuda, un saludo desde Bolivia

      Eliminar
    5. Saludos Marco Tóxico. Me da gusto que ya lo hayas resuelto.

      Eliminar
  123. Muchas gracias Potro por el post y la solución, sos genial, siempre salvándonos.

    ResponderEliminar
  124. Hola Potro! se puede achicar el espacio entre las entradas y un gadgets que haya debajo?

    ResponderEliminar
  125. Probablemente, ¿cuál es el gadget y en cuál blog?

    ResponderEliminar
  126. El blog es http://www.cerquita-mio.com.ar/
    Me gustaria que haya muy poquito margen entre la entrada de la portada y los gadgets de abajo...Si se puede te voy a estar mas que agradecida :)

    ResponderEliminar
    Respuestas
    1. Pues si tus entradas no tendrán post-footer, y si no vas a mostrar los enlaces de navegación, entonces puedes ocultarlos por completo para que se elimine el espacio que ambos elementos ocupan:

      #blog-pager, .post-footer {
      display:none;
      }

      Eliminar
  127. Genial. y donde pongo ese codigo Potro?

    ResponderEliminar
    Respuestas
    1. En el CSS; todo código similar a ese con estilos es parte del CSS y siempre va antes de ]]></b:skin>

      Eliminar
    2. Potro te molesto porque elimine el espacio y desp. me di cuenta de que no me aparece el icono de edición rápida. Habré borrado algo sin querer?

      Eliminar
    3. Seguramente, porque para el espacio sólo se tocó el CSS lo cual está completamente alejado de esa área. Revisa si en Entradas del blog tienes marcada esa opción, lo mismo en la Configuración del blog.

      Eliminar
    4. Si, tengo marcada la opción de mostrar edición rápido en ambos sitios... Decime que tiene solucionnn!!! Me quiero morirr!

      Eliminar
    5. Evidentemente borre algo del codigo, tampoco me aparecen los botones para compartir en las redes sociales, que los tenia ubicados debajo de las entradas. Ay Potro! Mas que nunca necesito de tu ayuda!!

      Eliminar
    6. Espero que ahora sí tengas un respaldo porque sino tendrás que poner nuevamente esos elementos. Los botones no sé cuáles tenías, así que en un blog de pruebas tendrás que instalar la plantilla original y ver cuál código era y ponerlo de nuevo.
      La opción de edición rápida tendrás que poner esta línea:
      <b:include data='post' name='postQuickEdit'/>

      Puedes ponerla en cualquier parte del post-footer, por ejemplo arriba de:
      <div class='post-footer'>

      Eliminar
    7. Ya esta solucionado lo del editor! Puse el codigo que me facilitaste y aparecio nuevamente :) Por lo de los botones no te hagas drama. Puse los de la pagina de Addthis en un gadget y chau. Gracias infinitas por tu ayuda Potro!!

      Eliminar
  128. Buenisimo, ya lo aplique, por las dudas te pregunto: un poco mas no se puede achicar no? es decir que haya todavia menos espacio en blanco. Mil gracias como siempre Potro!

    ResponderEliminar
    Respuestas
    1. No. Esos espacios eran "sobrantes" ya que no los usabas pero se mostraba su espacio. Ya lo que queda es la parte normal con sus tamaños de las entradas.

      Eliminar
    2. ahh..ok, muchisimas gracias amigo!!!!

      Eliminar
  129. Hola ^^ ¿me podrías decir cómo hacer para reducir este espacio?

    http://4.bp.blogspot.com/-isIS4YjO1SA/T0bFGXh29JI/AAAAAAAAC-c/EE8p9EFIphg/s1600/ejem.png

    esa parte blanca es del main-inner, uso la plantilla awsome que proporsiona blogger ^^ este es el blog de pruebas: http://pmpruebas.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Amiitha, entré a tu blog pero no vi nada, sólo una imagen de fondo, no sé si entré justo cuando estabas haciendo cambios. Si lo pones de nuevo como estaba me avisas, y me dices si lo quieres reducir de ancho o alto.

      Eliminar
    2. ah! justo estaba intentando poner la intro con JQuery que publicaste xD

      ahora se puede entrar, lo que quiero es reducir el alto de ese espacio... en otras palabras, no quiero que se vea. Supongo que tendré que modificar algun margin pero no tengo idea de cual :/

      Eliminar
    3. Busca esta parte de tu plantilla:
      .main-inner {
      padding-top: $(date.space);
      }


      Cambia lo que está en negrita por esto:
      padding-top:0;

      Eliminar
    4. Bien, pude quitarlo ^^ Muchísimas gracias por tu ayuda Potro~!

      Eliminar
  130. Potro me encontré con un inconveniente, resulta que le reduje el espacio y todo perfecto pero hoy le hice una imagen para todo el header y noto que el header tiene un espacio en cada lado, no se a que se debera, el ancho del blog en el diseñador dice 960px y cuando voy editar el header dice que la imagen sera hasta 729px de ancho, ya perdí la cuenta si la plantilla biene así o que habrá pasado, la cosa es que me gustaria saber si le puedo dar al header el mismo ancho que el blog

    ResponderEliminar
    Respuestas
    1. El header es un contenedor dentro del mismo blog, por lo tanto no puede tener el mismo ancho que el ancho total del blog. En algunos casos lo que se puede hacer es forzar a que el ancho de la cabecera sea más grande, y luego aplicar un margen izquierdo. Pero varía de plantilla a plantilla (porque no todas tienen el mismo nombre del contenedor).

      Eliminar
  131. Ok Potro me interesa, en la Plantilla Fantástico como tendria que hacer?

    ResponderEliminar
    Respuestas
    1. Si mal no recuerdo en la Fantástico cubre todo el ancho... ¿en cuál blog tienes la imagen de la cabecera?

      Eliminar
  132. Potro mira en éste blog que estoy haciendo:
    http://goo.gl/Vn1HE le puse el background color naranja desde el diseñador para que lo veas, lo gris es la imagen que puse yo

    Y otra otra cosa que te quiero consutar es que aplique el codigo de este post para reducir los espacios entre las las entradas y la sidebar, con el codigo se redujo el espacio entre la entrada y la orilla izquierda del blog y el espacio en entre la entrada y la sidebar pero no se redujo nada el espacio entre la sidebar y la orilla derecha del blog, me gustaria saber como redicir la orilla derecha del blog asi queda como la del lado izaquierdo

    ResponderEliminar
    Respuestas
    1. Pues es que ese espacio a los lados ya no es el contenedor del blog, sino el fondo de todo, así que si le pondrás una cabecera gris entonces tendrás que poner de fondo un color gris para que se "disfrace", porque de otra manera en esa plantilla no hay forma de que crezca todo a los lados.

      Ahí sólo veo una sidebar, así que no veo qué habría que reducir de espacio.

      Eliminar
  133. Hola Potro!

    Hice todo como dice esta entrada pero no me cambio el espacio
    ¿Que hago?

    ResponderEliminar
    Respuestas
    1. No veo que tengas puesto el código en el blog que está en tu perfil.

      Eliminar
    2. No lo deje porque no se miraba el espacio que yo habia puesto

      Eliminar
    3. Aunque no se vea hay que dejarlo puesto.
      El problema es el mismo que te comentaba en la otra entrada, tienes un error en los estilos CSS un poco más arriba, por eso nada de lo que pongas en esa área funcionará.

      Eliminar
  134. Hola potro, no suelo preguntarte mucho pork entiendo la mayoria de lo que subes, pero creeme no me ha sido posible reducir el espacio en mi plantilla. http://www.imagenescopadas.com/ uso ambos trucos y nada.

    ResponderEliminar
    Respuestas
    1. Hola Administrador, entré a tu blog pero no vi puesto el código :/

      Eliminar
  135. Hola Potro...estoy hace rato dando vueltas con un problema y no lo puedo solucionar, así que te molesto para pedirte ayuda. Agregué una sidebar en mi blog, y se me superpone con el contenedor de las entradas. Desde ya muchas gracias...

    ResponderEliminar
    Respuestas
    1. Hola Virginia, ¿en cuál blog tienes el problema? Porque en el de tu perfil no veo algún problema con ello.

      Eliminar
  136. Hola, en el blog no se ve, pero supongo que es porque no tengo entradas. En blogger dentro de elementos de la página se muestran superpuestos los contenedores de la sidebar y las entradas, además bastante más anchos que los gadgets y cabecera, igual he decidido organizar de otra forma y eliminar la sidebar...muchas gracias de todas formas por tu buena predisposición...un saludo

    ResponderEliminar
    Respuestas
    1. En la sección de Diseño no te preocupes, muchas veces se verá desordenado, lo importante no es cómo se vea ahí, sino cómo se ve el blog.
      Saludos.

      Eliminar
  137. Hola Potro! Te molesto porque no lo encuentro en ningún lado... lo que yo necesito es eliminar un espacio que me queda entre la cabecera y el espacio del post... como puedo hacer? Te paso el blog por las dudas: http://viaja-ya.blogspot.com.ar/ Desde ya mil gracias!

    ResponderEliminar
    Respuestas
    1. Hola Nanci, debajo de #main-wrapper {

      Agrega:
      margin-top: -60px;

      Eliminar
    2. Hola Potro, ya lo hice pero no se modifico :(

      Eliminar
    3. Entonces que quede así:
      margin-top: -60px !important;

      Eliminar
    4. Ahora si, sos un genio!!! Mil gracias Potro! <3

      Eliminar
  138. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  139. Hi Potro!!

    Tengo una duda, ¿sería posible modificar el espacio entre los títulos de las entradas, y las entradas mismas?

    Un Saludo y Gracias de antemano ^^

    ResponderEliminar
    Respuestas
    1. Hola Kero-sama, no debería haber problema con ello. Usualmente los estilos de los títulos de las entradas se controlan aquí:
      h3.post-title {
      .......
      .......
      .......
      }

      Eliminar

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