TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Eliminar espacio superior en las plantillas nuevas

14 de febrero de 2011 | Número de comentarios451 comentarios
Muchos de los que usan las plantillas hechas a través del Diseñador de plantillas de Blogger eliminan la Barra de navegación (navbar) y al hacerlo descubren que queda un espacio vacío donde estaba la navbar y piensan que algo han hecho mal.

La realidad es que no han hecho nada mal ni se trata de un error, es simplemente que muchos de los diseños de esas plantillas así fueron hechas y pensadas, o sea que es parte de su diseño original, sólo que no habíamos notado que existía ese espacio porque la navbar estaba encima y nos tapaba ese espacio.

CON LA NAVBAR


SIN LA NAVBAR


Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para que suba la estructura del blog.

Sólo hay que entrar en Diseño | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:
.content {
margin-top:-30px !important;
}

Y con eso se habrá subido la estructura de la plantilla desapareciendo ese espacio en la parte superior.



Este ajuste aplica para las plantillas Sencillo, Etéreo, Travel y algunos de Picture Window que son las que tienen estos espacios vacíos.
En el segundo estilo de la plantilla Picture Window el espacio es mayor por lo que se deberá aplicar un margen de -60px.

451 comentarios :

  1. Excelente, aunque ya lo había hecho.

    Potro, sabrias ayudarme en como dividir la cabecera del blog, no en dos, sino en tres partes?

    ResponderEliminar
  2. En primer lugar, agradecerte mucho la ayuda extraordinaria que ha supuesto este blog tuyo para mí.Llevo realizando blogs durante un tiempo, para mis clases y mis alumnos y "chupando de tus conocimientos"...Muchas gracias.
    Sugerencia: para novatos como Yo, es cómodo usar la tecla F3 cuando estás en Diseño | Edición de HTML, al poner la palabra que buscas en la ventanita emergente aparece automáticamenete. Se gana mucho tiempo y vista....Un saludo

    ResponderEliminar
  3. Estaba buscando algo como esto. Gracias, mi problema se solucionó.

    ResponderEliminar
  4. Quizás sea un disparate...pero ¿sería posible eliminar en un blog la barra superior del navegador ,donde aparece la dirección del mismo?. Gracias..

    ResponderEliminar
  5. POTRO AMI NO ME APARECEN NINGUNOS DE LOS CODIGOS MI BLOG ES WWW.CALLEJONONLINE.COM TE AGRADECERIA SI ME PUEDES AYUDAR

    ResponderEliminar
  6. Una consulta... en mi blog, que es este:

    http://desolydelluvia.blogspot.com/

    En la parte de abajo tengo enlaces a blog que recomiendo, pero se ven muy desordenados... ¿Tendrás un post o alguna recomendación? para que queden de una manera más... ordenada y armoniosa.

    Gracias, aunque no me puedas ayudar jajaja... haz hecho mucho por mí... acumulo la deuda que tengo contigo.

    Rocío.

    ResponderEliminar
  7. Hola Harry,

    Claro, sólo deja la pregunta en la entrada que corresponde agregando la dirección del blog donde deseas hacerlo para ayudarte con mayor facilidad.

    Saludos.

    ResponderEliminar
  8. Hola matiasascanio,

    No sabía que con F3 se podía hacer eso o.O?
    Yo siempre uso las teclas CTRL+F, pero gracias por el tip.

    Respecto a lo de la barra de direcciones sólo puede hacer al abrir una ventana popup, pero el blog en sí me parece que no hay modo.

    Un saludo y muchas gracias por tu amable comentario.

    ResponderEliminar
  9. Toptrucos/Emilio, gracias a ti por tu visita!

    ResponderEliminar
  10. hola potro gracias por tu ayuda... como puedo eliminar el espacio o reducirlo entre la entrada y el sidebar de las plantilla nuevas.

    ResponderEliminar
  11. Hola OWNNER - CHEOFLOW - CONTACT : 829-303-6918,

    Como mencioné en la entrada estos códigos son sólo para las plantillas hechas a través del Diseñador de plantillas de Blogger.

    La tuya no es del Diseñador, pero igual puedes pegar el código del margen debajo de:
    #outer-wrapper {

    Saludos.

    ResponderEliminar
  12. Llevo tiempo intentando ajustar mi blog al total de la página, es decir quitar los márgenes, es la plantilla simple nueva y creo que esto me servirá de ayuda, poniendo margin-left etc podré quitar todos los márgenes?

    Gracias por tu ayuda.

    ResponderEliminar
  13. Rocío, una opción sería ponerlos de manera horizontal. Esto lo puedes hacer colocando los códigos uno detrás del otro sin dar saltos de línea. De esa manera se colocarán en forma horizontal.

    Fanatico, esa sí te la voy a deber, aún no sé tanto con estas plantillas :/

    ResponderEliminar
  14. Potro me gusto mucho tu menu de arriba y lo quise probar asi que indague en tus codigos y lo extraje pero cuando lo pongo en mi blog para ver que tal donde deberai decir menu donde se despliega el menu no me baja no se porque

    ResponderEliminar
  15. a y disculpa si te molesta que te allá extraído el menú es solo para ver que tal se ve porque tengo un menu que me gusta mucho disculpa si te molesta eso

    ResponderEliminar
  16. Gracias Potro, lo estaba esperando.
    Un saludo.

    ResponderEliminar
  17. Quedo exelente Potro era mucho el espacio vacio yo uso la Picture Window.. muchas gracias por los trucos (:

    ResponderEliminar
  18. Si no es molestia pasa por el blog y comentame que tal lo vez.. esta hechho gracias a ti ;)
    Saludos

    ResponderEliminar
  19. Sad! no me resulto!! queda igual...

    ResponderEliminar
  20. ALC Alicante Airport, pues no lo he intentado pero podrías probar guiándote con el ejemplo y quizás tengas suerte.

    Dexmax, más adelante compartiré cómo se hace ese menú pero por el momento tengo otras entradas pendientes por publicar.

    Gorbeia, ojalá te sea de utilidad. Saludos!

    ResponderEliminar
  21. A mí tampoco me resultó :( y tengo la plantilla Simple, mira http://valeriakarina.blogspot.com

    ResponderEliminar
  22. José I. Cantú Alvarez, me alegro que todo haya salido como esperabas :)

    Rocío, según el código fuente de tu plantilla sigue teniendo saltos de línea y por eso se queda uno debajo del otro. Por si las dudas quizá quieras probar usando una tabla, es un poco más de código pero los resultados serán mejores.

    VALERIAKARINA, no sé a qué te refieres porque en ese blog no hay ningún espacio en la parte superior del blog, o sea que lo veo completamente bien con el código que añadiste.

    ResponderEliminar
  23. Potro gracias siempre nos lees el pensamiento xD

    ResponderEliminar
  24. ok muchas gracias potro la verdad es que lo necesitaba para el viernes porque tengo un proyecto escolar y de verdad quiero poner ese menu en mi blog pero tendre que colocar otro,igual muchas gracias,esperare tu entrada

    PD: soy dexmax pero estoy en la cuenta de mi novia

    ResponderEliminar
  25. Excelente y útil truquillo Potro; lo apliqué en mi plantilla (que es básica) y con -15 me quedó perfecta. Gracias.

    ResponderEliminar
  26. potro me leíste la mente, hace unos días había quitado esa barra y ahora gracias a esta entrada ya pude eliminar ese espacio, muchas gracias.

    ResponderEliminar
  27. Yo sigo viéndolo con el espacio...qué raro ¿Será porque uso IE?

    ResponderEliminar
  28. Sí, sí, era por eso, pero he actualizado el código para que funcione en Internet Explorer; prueba con el código nuevo.

    ResponderEliminar
  29. Hola Potro
    Estaba haciendo unos pequeños cambios en la apariencia de los comentarios de mi blog cuando sin querer modifique una etiqueta y cuando probaba los comentarios me salia este error:

    http://img163.imageshack.us/i/comentarioi.png/

    Lo que yo queria era que el nombre del comentarista aparezca en negrita y que la imagen para las personas no registradas o anónimas sea una que yo eliga.
    Gracias, Potro

    ResponderEliminar
  30. Tampoco me funcionó con el código nuevo :(
    Pero muchas gracias por tu ayuda y amabilidad

    ResponderEliminar
  31. Stuka,

    Mira esta entrada de Rosa que explica cómo poner una imagen distinta a los comentarios anónimos y no registrados:
    http://elescaparatederosa.blogspot.com/2008/11/icono-delante-del-autor-del-comentario.html

    ResponderEliminar
  32. VALERIAKARINA,

    No veo que hayas puesto el código nuevo en tu blog.
    Prueba hacerlo otra vez, ese código lo he verificado con la misma plantilla que usas y sí ha funcionado sin problemas.

    ResponderEliminar
  33. Muy bien potro desde lo mas complejo a lo mas sencillo, como cuantos anos tienes trabajando con los codigos y blogger?

    ResponderEliminar
  34. Poco más de tres años, aun hay mucho por aprender :)

    ResponderEliminar
  35. buenísimo!!! ya lo pude hacer. una pegada realmente

    ResponderEliminar
  36. Ahora sí me funcionó!! Muchísimas gracias!!:) me ayudas tanto!

    ResponderEliminar
  37. Hola Potro: pasa por mi blog (http://gatopardo3puntoson.blogspot.com) hay algo para ti....porque siempre ofreces
    GRANDES E INNOVADORAS soluciones.
    Un saludo,

    ResponderEliminar
  38. Te lo agradezco mucho Pat.mm recién vengo de verlo y me regreso con una sonrisa de oreja a oreja :D
    Saludos!

    ResponderEliminar
  39. Gracias Potro, Me encanta este blog

    ResponderEliminar
  40. Fíjate que como me gustó como se aprovecha el espacio de arriba, pensé como podría quitar el espacio bajo la cabecera para que los pos quedaran más cerca. Igual aplicaría para el espacio entre las entradas y el footer.
    Para tí ha de ser fácil; yo he intentado quitar algunos pix de paddin y margin del header y del footer y nada.
    Gracias y que pases un buen fin de semana.

    ResponderEliminar
  41. Para el espacio de las cabeceras se puede aplicar un margen que suba el contendor que contiene (valga la redundancia) el área de las entradas y la sidebar. Eso se hace agregando este estilo (en la plantilla Mínima que es la que usas):

    #content-wrapper {margin-top:-30px;}

    Sólo hay que revisar que en Internet Explorer esto no traiga un descuadre pues usualmente cuando se ajusta esa área Internet Explorer suele desalinear algo (cuando no...)

    En el caso del footer ahí sí es casi una tarea imposible al menos en la plantilla Mínima.

    Igualmente que tengas buen fin de semana.

    ResponderEliminar
  42. Excelente, sin dudas eres un as. Justo lo que quería. Saludos.

    ResponderEliminar
  43. Hola Potro,
    Te queria hacer una pregunta..
    Como puedo dejar mas espacio entre La fecha y el titulo de una entrada?>
    Un saludo y muchas gracias.
    Tu seguidor fiel,
    Jose

    ResponderEliminar
  44. Hola Jose,

    Busca esta parte de tu plantilla y agrega lo que está en negrita:

    h2.date-header {
    padding-bottom:20px;


    Saludos.

    ResponderEliminar
  45. Siiiiii!.. Funciona!.
    Muchisimas gracias, Potro..
    Te lo agradezco..
    Tu seguidor fiel,
    Jose

    ResponderEliminar
  46. genial... te quiero preguntar si se puede hacer lo mismo pero ahora eliminar el espacio de abajo de la cabecera..?¿ saludos y sigue asi..;)

    ResponderEliminar
  47. porcierto mi blog es este-->> http://www.tumultitec.blogspot.com

    ResponderEliminar
  48. Supongo que sí debería de poderse:

    .main-outer {margin-top:-30px;}

    ResponderEliminar
  49. bien..si se pudo eliminar pero no el espacio q yo queria..xp pro = esta bn..xp

    ResponderEliminar
  50. oie potrillo..xp pues quisiera preguntarte fuera d este tema..de como se puede modificar las pestañas de sidebar para que quede como el de esta pagina www.aplicacionesnokia5800.com saludos..;)

    ResponderEliminar
  51. Potro, excelente blog, me has servido de mucha ayuda para el armado de mi blog el cual es http://twoforcinema.blogspot.com , espero que te guste. Quisiera saber si queres intercambiar nuestros links para, mi blog en el tuyo y el tuyo en el mio, saludos amigo. Gracias por todo.

    ResponderEliminar
  52. Gracias twoforcinema aunque no participo en intercambios de enlaces, pero me da gusto que este sitio te esté siendo de ayuda para la creación del tuyo ;)

    ResponderEliminar
  53. Consulta sobre esta temática. Mi blog tiene un espacio indeseado en la parte inferior. Creo yo que es un espacio que me da blogger para agregar un gadget. Pero yo quiero borrar ese espacio. Como puedo hacerlo? mi blog es hetunegri.blogspot.com debajo de la imagen notarás que sobra mucho espacio blanco. Eso quiero eliminar. Podrás ayudarme?

    ResponderEliminar
  54. Si no tienes ningún gadget ahí es como si no tuviera nada, es decir que no te cuenta ningún pixel aun cuando el contenedor exista.
    Esos espacios son parte "normal" de la plantilla pues es parte de los mismos contenedores, así que eliminarlos es casi imposible.

    ResponderEliminar
  55. Me quede pensando y por ahi esto sí se puede. Porque creo que lo que me deja ese espacio indeseado en blanco es el bloque de "añadir un gadget" que tengo en la parte inferior del blog. puedo eliminar este bloque? Porque cuando entro al sitio, puedo sombrearlo al pasar el cursor, y noto que hay espacio libre que podría ser borrado. Lo toma como si hubiera puesto parrafos vacíos. hetunegri.blogspot.com (fijate que debajo de donde dice unicorn birth::2011 queda demasiado espacio en blanco a comparacion con la cabecera. eso es lo que quiero eliminar)

    ResponderEliminar
  56. Pues quizá se reduzca un poco nada más. Si quieres quitarlo elimina desde <footer> hasta </footer>

    ResponderEliminar
  57. No me ha funcionado :( Al borrarlo incluso sigue apareciendo el bloque "añadir un gadget".

    ResponderEliminar
  58. Pues en una plantilla de prueba lo he hecho así y se han eliminado las áreas que dicen "Añadir un gadget" pero la verdad es que no se ha reducido ese espacio que mencionas pues como te decía, si no hay ningún gadget es como si no existiera.
    Lo que se me ocurre que puedes hacer es aplicar a esa área un margen superior con valor negativo para que lo obligue a subirse un poco.

    Prueba poniendo debajo de .footer-outer { esto:

    margin-top:-300px;

    ResponderEliminar
  59. no tengo esa parte en mi plantilla. incluso hice click en expandir artilugios pero no está. de footer solo tengo esto

    /* Footer
    ----------------------------------------------- */
    #footer {
    width:960px;
    clear:both;
    margin:0 auto;
    padding-top:15px;
    line-height: 1.6em;
    text-transform:uppercase;
    letter-spacing:.1em;
    text-align: center;

    En que parte debería poner el codigo que me dijiste?

    ResponderEliminar
  60. Disculpa, estaba con la idea de que usabas una plantilla del Diseñador.
    Entonces puedes ponerlo debajo de #footer {

    ResponderEliminar
  61. Lo probé pero no cambió nada. Igual deja. No es tan grave. Era de detallista. Te agradezco mucho, todo el sitio te lo debo a vos.

    ResponderEliminar
  62. gracias dios te bendiga me siervio de mucho te lo agradesco

    ResponderEliminar
  63. Buenas tardes Potro.
    Para mi el problema es que me queda el titulo debajo mismo de la nueva barra fija y queria bajarla un poco ( por motivos esteticos) con el fin de separarlos.
    He probado dandole mas espacios a los top que encuentro ... y nada que sigue en su sitio...
    Resumiendo , como hago para bajar el titulo y separalo de la barra superior en

    http://nuevosparatos.blogspot.com/

    Y como siempre.. AGRADECIDO DE ANTEMANO SANPOTROJOB ( hay que ponerte este titulo ).
    Aqui en España se dice a los que tienen mucha paciencia ...
    tienes mas paciencia que el Santo Job.

    ResponderEliminar
  64. Prueba haciendo el mismo procedimiento pero en lugar de poner valores negativos pon valores positivos más altos, por ejemplo:

    .content {
    margin-top:60px !important;
    }

    Lo del alter ego se lo diré a mi ex novia porque a su opinión dice que lo que menos tengo es paciencia, jaja.
    Saludos.

    ResponderEliminar
  65. no tengan mas problemas, busquen pantillas nuevas
    ejem: http://c-h-e-c-o.blogspot.com/
    la estoy modificando a mi gusto.

    ResponderEliminar
  66. Gracias de nuevo, ya me funciono jeje....

    ResponderEliminar
  67. Hola, Potro.

    Intenté aplicar el código que nos das, pero no me funcionó.

    Pero me diste una pista para solucionar eliminar ese espacio perdido de las plantillas nuevas sin navbar y te lo pongo aquí por si sirve.

    Busqué Margin Top en el HTML de la plantilla y vi que tenía asociados dos valores en pixels. El primero, "default" no hizo nada, pero el segundo "value" lo cambíe de 30px a -20px, consiguiendo el efecto deseado.

    Muchas gracias por darme la pista para hacer que mi blog se vea más bonito.

    Un saludo.

    ResponderEliminar
  68. Saludos amigo, me paso como comenta el amigo Valentín, seguí la sugerencia que el dejo y guala! desapareció ese espacio, gracias a todos ustedes, mi blog se ve ahora de la siguiente manera http://geologiavenezolana.blogspot.com/

    ResponderEliminar
  69. Qué gusto que al final todo salió bien ;)
    Saludos Rafael.

    ResponderEliminar
  70. hola Potro
    muchas gracias por este tutoria
    este blog esta completo ^^

    ResponderEliminar
  71. Gracias a ti Mausic por tu visita.

    ResponderEliminar
  72. huaaaaaaaaaaaajajajaja, llore cuando vi ke desaparecia es maldito espacio de mi blog, tras un par de semanas buscado solucion a mi problema, depues de intentar miles de formas distintas, tras visitar cientos de blogs, porfin un truco k funciona!!!!!!!,
    gracias!

    ResponderEliminar
  73. Qué gusto que te ha servido Robin11-2-93, y que al fin pudiste eliminar ese espacio :)

    ResponderEliminar
  74. Hola potro, espero estes bien, y buen trabajo dandonos unos trucos y consejos para nosotros los novatos. Mira, tengo un problema con mi Blog, la direccion es esta:
    http://enlavidadehakuu.blogspot.com/
    Como puedes ver, hasta abajo de este me aparecio un gran vacio, y no importa lo que intente, no puedo quitarlo, pero lo mas extraño es que Solo sucede este problema en Internet Explorer y Firefox, pero no en Opera.
    Quisiera saber si podrias ayudarme por favor, y de antemano gracias!

    ResponderEliminar
  75. Hola Hakuu Aikawa,

    Revisa la plantilla, por esa área tienes unos gadgets de AdSense y parece que una tabla HTML, esos dos elementos son los que generan ese espacio, si los eliminas desaparecerá.

    Saludos.

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

    ResponderEliminar
  77. Te parecera raro, pero paso esto:
    Entre a editar la plantilla en "Elementos de pagina" y no me aparecia nada, hice lo mismo en IE y Firefox, y no aparecia nada.
    Ahora mismo, lo volvi a intentar, y extrañamente, me aparecieron los AdSense que me estaban causando los problemas, asi que los removi y me soluciono el problema, mas el contador de visitas me mostro UNDEFINIDED, lo movi de lugar, y se reparo... Extraño, no crees?
    De igual forma, muchas gracias por tu ayuda y espero estes muy bien.
    Y el comentario anterior, lo borre por una falta de ortografia xD

    ResponderEliminar
  78. Extraño, pero qué bueno que finalmente ya has podido solucionarlo. Saludos!

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

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

    ResponderEliminar
  81. ...me kachis... no me salió, lo que pasó es que subió la cabecera del blog y se super-puso con la barra...la verdad es que debe de ser fácil pero yo soy un poco desastre en estos asuntos. De tus consejos he probado alguno de lo facilitos, el resto del tiempo leo tus entradas y ando perdidaaaaaa en este oceano de información.
    Me gustaría poner la opción impresora, tu me puedes decir algo.
    Gracias!

    ResponderEliminar
  82. No te preocupes, con el tiempo irás entendiendo más los códigos y cuando menos te des cuenta sabrás manejarlos a tu antojo ;)
    Sobre la opción de imprimir mira esta entrada:
    http://ciudadblogger.com/2009/02/agregar-opcion-de-imprimir-post.html

    Saludos!

    ResponderEliminar
  83. N-O-P-O-D-E-S-S-E-R-T-A-N-C-A-P-O!!!!!!!!
    Gracias gracias gracias!!!!

    ResponderEliminar
  84. No me funcionaaa :( puedes ayudarme? http://silkvenezuela.blogspot.com/

    ResponderEliminar
  85. No veo ningún espacio de sobra, pero tampoco que uses una plantilla del Diseñador de plantillas.

    ResponderEliminar
  86. y para eliminar el espacio inferior y quede la plantilla igual arriba y abajo como se hace, que esa parte me a dado dolores de cabeza XD my buen blog de ayuda el suyo

    ResponderEliminar
  87. De la misma forma, sólo agrega ahí mismo debajo de:
    margin-top:-30px !important;

    Esto:
    margin-bottom:-40px !important;

    ResponderEliminar
  88. Hola Potro, ¿se podría hacer esto mismo en el pie del blog?; En resumidas cuentas, me gustaría algo similar a como lo tienes tu. (el mismo margen libre abajo que arriba).
    Un saludo.

    ResponderEliminar
  89. Hola Vindi, mira dos comentarios arriba del tuyo, ahí está la indicación para eliminar espacio en la parte de abajo.

    ResponderEliminar
  90. Hola Potro, lo que quiero es que haya un eapacio abajo igual que lo tengo arriba de la cabecera ahora mism. Como te decia antes, igual que lo rienes tu.

    ResponderEliminar
  91. Perdona Potro el mensaje anterior lo escribí desde el móvil, y me he colado con las letras.
    Comentaba, que lo que quiero es tener espacio abajo, osea el efecto contrario al de los comentarios de arriba.
    Me gustaría que exista un margen similar al que tu tienes (por ejemplo).
    El mismo espacio libre que tengo arriba ahora mismo, me gustaría tenerlo abajo.

    ResponderEliminar
  92. Prueba de la misma forma pero a la inversa, es decir, que el valor del margen no sea negativo:
    .content {
    margin-bottom:40px !important;
    }

    ResponderEliminar
  93. Potro, esto mismo lo intenté antes de consultarte y no resultó (algo haría mal), pero ahora ha funcionado perfectamente.
    Muchísimas gracias;
    Un abrazo genio.

    ResponderEliminar
  94. Posiblemente la primera vez que lo pusiste faltó un cierre o algo. Qué bueno que ya está resuelto :)

    ResponderEliminar
  95. Hola de nuevo Potro, estoy haciendo pruebas pero no consigo subir un poco más la zona de abajo del todo "el vigilante de seguridad" ¿Cómo puedo hacerlo?. Quería un pequeño margen igual que lo tienes tu, para probar una temporada si me gusta.
    Un saludete.

    ResponderEliminar
  96. Hola Vindi,

    Para subir el contenido del blog que está debajo de la cabecera sólo tienes que agregar debajo de:
    .main-inner .columns {

    Esto:
    margin-top:-20px;

    ResponderEliminar
  97. Hola, lo que quiero subir es lo de abajo del pie de la página. Al igual que tienes tu "ciudadblogger".

    ResponderEliminar
  98. Ahí mismo en el DIV donde tienes encerrados los créditos puedes ponerle en los estilos, después de text-align:center; un padding, por ejemplo:
    padding-bottom:15px;

    Sino resulta quita de nuevo el script que deshabilita el botón derecho para que haga mis pruebas desde acá.

    ResponderEliminar
  99. Potro ha resultado perfecto.
    Eres genial, ¡¡Mil Gracias! :)

    ResponderEliminar
  100. Potro necesito tu ayuda! quise hacerlo pero achicando el espacio inferior, ya que el superior ya lo habia hecho (gracias a tu tutorial obvio) pero ahora antes de la etiqueta ]]> me sale esto: #Attribution1 {display:none; visibility:hidden;}.content {
    margin-top:-0px !important;
    }table#RedesSociales{
    position:fixed;
    top:320px;
    left:6px;
    z-index:200;
    Que paso? Me ayudas?

    ResponderEliminar
  101. antes de esta etiqueta quise decir, se me corto. ]]>

    ResponderEliminar
  102. Se corto de nuevo! Uff no entiendo mas nada!!!

    ResponderEliminar
  103. Es que ya antes habías agregado ahí otros estilos, en ese caso parece que eliminaste los créditos de la plantilla y agregaste los botones de las redes sociales, por eso te aparecen esos códigos ahí. Pero no importa sólo agrégalo cuidando no eliminar nada al ponerlo.

    ResponderEliminar
  104. No me salio. Puso abajo de esto: margin-top:-60px !important; esto: margin-bottom:-60px !important; pero no cambio nada... era ahi donde lo tenia que poner?

    ResponderEliminar
  105. En ninguno de mis dos blogs me sale lo de achicar la parte inferior,que raro...porque con la parte superior me salio de una, sin ningun problema .(

    ResponderEliminar
  106. En ninguno de tus dos blogs veo que tengas ese código. ¿En cuál lo has puesto y cuál es exactamente el código que has usado?

    ResponderEliminar
  107. Lo puse y al ver que no cambiaba nada lo saque de nuevo. Lo puse debajo de .content {
    margin-top:-30px !important;
    }

    ResponderEliminar
  108. Lo veo pero está en -0px y no en -30px
    Pon ese valor, sino te resulta entonces prueba ponerlo arriba de:
    /* Headings
    ----------------------------------------------- */

    ResponderEliminar
  109. Me debes odiar con tantas preguntas, pero no entiendo lo que me decis... Ahora me decis que lo ves al codigo pero yo lo saque asi que no se bien a que te referís. En que parte específicamente de mi plantilla tengo que poner el código? Y perdon de nuevo!

    ResponderEliminar
  110. /* Headings
    ----------------------------------------------- */ No aparece en mis plantillas...

    ResponderEliminar
  111. Hola Bren,

    Se vuelve confuso cuando no especificas el blog donde pones los códigos. Yo lo he visto en Cerquita Mío, el código que tienes es este que te digo que está en 0px:

    #Attribution1 {display:none; visibility:hidden;}.content {
    margin-top:-0px !important;
    }
    table#RedesSociales{
    position:fixed;
    top:320px;
    left:6px;
    z-index:200;
    }

    La otra línea que te digo sí está, está en todas las plantillas hechas con el Diseñador de plantillas de Blogger.

    Saludos.

    ResponderEliminar
  112. disculpa potro pero este codigo a mi no me funciono correctamente: mi blog :http://coloombia.blogspot.com/ gracias!

    ResponderEliminar
  113. solo la primera parte
    otra pregunta como hago para quitar espacios entre gagets??

    gracias de nuevo

    ResponderEliminar
  114. Hola EDGER,

    Es que en los estilos tienes unos caracteres que invalidan lo demás:

    _______________________________
    barra
    _________________

    Elimina eso para que funcione. Aquí hay más información al respecto:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  115. Potro: Encontre finalmente la linea que decis: /* Headings
    ----------------------------------------------- */ y lo puse arriba de eso y no pasa nada.
    Modifique el valor en la linea margin-bottom:0px !important; probe con 40, con 60, con -40 y con -60. Si subo el valor el margen se agranda, pero si lo bajo no cambia nada. sera que no se puede "achicar" mas? las pruebas fueron en el blog http://www.cerquita-mio.com.ar/

    ResponderEliminar
  116. Pues sigo viendo el código en el mismo lugar, así que no sabría decirte.
    ¿Qué quieres achicar, la parte superior de la plantilla, o la de abajo?

    ResponderEliminar
  117. Y donde lo tengo que poner??? Puse margin-bottom:-40px !important; abajo de margin-top....
    Quiero achicar la parte de abajo. Me quedan las letras super arriba :(

    ResponderEliminar
  118. Ah ok, ok, es que parece que teníamos ideas diferentes. Ese código que te estaba dando es para las plantillas que tienen un espacio "vacío" abajo, y con eso se sube, pero en la tuya no es un espacio vacío, así que el procedimiento es otro.
    Agrega antes de ]]></b:skin> esto:

    .content-outer, .region-inner {margin-bottom:-40px !important;}

    ResponderEliminar
  119. Ahora si, con razon no nos entendiamos!:P
    Igual tuve un problemita...puse el codigo con el valor que decis, pero se me "levanto" el contenido del blog y se me encimo con la imagen de la cabecera :( ahora deje el codigo con 0px (que no modifica nada) asi lo ves y si se puede hacer algo. Gracias! Y no me odies en serio!!!

    ResponderEliminar
  120. Jajaja, no hay razones para odiarte, de eso se trata este blog, descuida ;)
    Probemos entonces cambiado esa línea por esta otra:

    .footer-fauxborder-left {margin-bottom:-40px !important;}

    ResponderEliminar
  121. Ahora siiiiiiiiiiiiiiiiiiiiiiiiiiiii! Gracias!!! Siempre me salvas! Y mil gracias por la paciencia, en serio. es que a veces me cuesta explicrte bien por escrito cual es el problemita :P Un abrazo!!

    ResponderEliminar
  122. Ahora lo quise hacer en mi otro blog http://www.amosermama.com.ar/
    y no...lo mismo, me deja subir las letras pero no bajarlas... Igual me quedo re tranqui que vios me lo vas a solucionar seguro! :)

    ResponderEliminar
  123. En ese blog probemos con esto:

    .footer-inner {
    padding-top: 0px;
    padding-bottom: 0px;
    }

    ResponderEliminar
  124. No cambio nada. lo deje puesto igual asi chequeas si lo puse bien. Potro a vos te carga lento mi blog Amo ser Mama?

    ResponderEliminar
  125. Y tengo otra consulta: En Cerquita Mio agregue una imagen arriba de la cabecera y me aparecieron unas lineas grises que antes no estaban... Tenes idea como las saco? busque la opción desde el diseñador de plantillas pero no encontré la manera. quiero que se vea blanco el fondo. Gracias de antemano!

    ResponderEliminar
  126. Pues yo ya lo veo sin ese espacio alrededor del texto, a menos que te refieras a otro espacio.
    La imagen que dices no la he visto, y el blog me carga como siempre, quizá ande lenta tu conexión.

    Saludos.

    ResponderEliminar
  127. Tal vez no se entendio porque te hable de los 2 blogs... "En cerquita mio" puse arriba de la cabecera (que son fotos ahora) una imagen con el nombre del blog, y si ves a los costados de ambas (nombre del blog e imagenes de cabecera) aparecio un color gris. antes no estaba asi.
    Con respecto al blog que carga lento es "Amo ser mama" y me lo dijeron varios... tal vez tengo muchas cosas en las sidebar :( y en ese blog es que no pude lograr que el texto del margen inferior quede mas abajo, como si pudimos conseguir en el otro blog.
    Te debo marear porque te hablo de varias cosas. perdon! Saludos!

    ResponderEliminar
  128. Gracias por los detalles, así me es más fácil entender :)
    En "Cerquita mío", busca en tu plantilla debajo de:
    .tabs-outer {

    una línea que empiece por:
    background:

    Y elimínala, eso deberá quitar ese fondo gris, aunque desaparecerá ese efecto de sombreado que tiene el menú, pero es necesario hacerlo.

    El blog "Amor ser mamá" me sigue cargando rápido, pero si de todas formas puedes eliminar lo que no necesites será mucho mejor.

    Saludos.

    ResponderEliminar
  129. Quedo genial!!! Muchisimas gracias Potro!

    ResponderEliminar
  130. Ahora en Amo ser Mama, habrá algun otro codigo para probar si se pueden bajar el texto de abajo? Como me quedo en Cerquita Mio o como lo tenes vos: Las letras pegaditas al borde inferior. Saludos!

    ResponderEliminar
  131. Podría reducirse el espacio, pero si se hace de creará un espacio vacío debajo y ese no creo que se pueda subir :/

    ResponderEliminar
  132. No se si entendi bien como quedaria...pero probemos no? Siempre se puede deshacer :)

    ResponderEliminar
  133. Tal vez sí se pueda arreglar (tal vez), probemos así:

    .footer-inner {
    height: 90px;
    }
    .content {
    margin-top:-30px !important;
    }

    ResponderEliminar
  134. A donde lo pongo el codigo? y tengo que sacar algo de lo que ya puse?

    ResponderEliminar
  135. No, no tienes que sacar el otro, este es independiente pues es para modificar otra cosa.
    Todos los estilos como el que te di van siempre antes de ]]></b:skin>

    ResponderEliminar
  136. no...no sale... Se achica lo que seria la caja esa pero las letras siguen en el mismo lugar...

    ResponderEliminar
  137. A eso me refería con que se haría más chica pero que no quedaría bien todo lo demás :/

    ResponderEliminar
  138. Hola Potro, me gustaría reducir el espacio de arriba, para que sea exactamente igual que el de pie de página.

    Antes de ]]> tengo este código para el margen de abajo:
    }.content {
    margin-bottom:2px !important;

    Para reducir el margen de arriba, ¿como hago?

    ResponderEliminar
  139. Hola Vindi,

    Justamente esta entrada intenta explicar eso, cómo quitar el espacio de arriba.

    ResponderEliminar
  140. Potro no quiero quitar el espacio, solo reducirlo.
    No se como hacer, para poner el mismo espacio que tengo en el pie de la página.

    ResponderEliminar
  141. He probado también a poner los códigos que indicas, y no veo ninguna modificación al darle a vista previa.

    ResponderEliminar
  142. Es igual sólo que con otro valor, por ejemplo, en esta entrada dice que le pongas un margen superior de -30px, eso hace que la plantilla se suba -30px arriba, pero sino quieres que suba todo entonces sólo debes usar un valor más pequeño, por ejemplo -10px

    Si lo pones y no queda, guarda los cambios y me avisas para que le eche un ojo y vea qué pudo haber sucedido.

    ResponderEliminar
  143. Ya lo tengo Potro, cuando puedas le echas un vistazo, he colocado el valor -10px, "no aparece ningún cambio"

    ResponderEliminar
  144. Es que al ponerlo has eliminado la llave de cierre de los estilos de arriba y eso ha hecho que se invalide. Mira esta entrada:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  145. Potro lo estoy mirando, pero veo todas las llaves cerradas, no logro encontrar ninguna que le falte el cierre.

    ResponderEliminar
  146. ¡¡Potro, creo que ya lo tengo!!
    Al menos ya veo los margenes de igual medida, debe ser que ha funcionado.
    Muchas gracias.

    ResponderEliminar
  147. Potro tengo este código para reducir el margen del pie de página, pero he comprobado en vista previa que si no lo pongo, sigue respetando el margen que quiero, ¿no es necesario ponerlo?

    .content {
    margin-bottom:2px !important;
    }

    ResponderEliminar
  148. Ya veo que arreglaste lo de la llave de cierre :)
    El otro, si has visto que no es necesario quítalo, pero si ves que no queda como quieres lo pones de nuevo.

    Buen fin de semana.

    ResponderEliminar
  149. Ok Potro. Muchas gracias, que lo pases muy bien ;)

    ResponderEliminar
  150. Hola! He podido arreglar la plantilla pero no puedo arreglar el texto que tengo publicado. Me hago un lío y no tengo ni idea de cómo editar el html para suprimir el espacio que queda entre el título y el texto una vez está publicado.
    Muchas gracias!!

    ResponderEliminar
  151. Hola Melba,

    Ese espacio está ahí mismo dentro de la entrada. Si ingresas a editarla y miras no en la pestaña Redactar sino en la de Edición de HTML verás que antes del texto aparecen códigos con espacios, si los eliminas se resolverá el problema.

    Saludos.

    ResponderEliminar
  152. Saludos Potro, cosa rara, el código que diste sólo me funcionó en un blog y en el otro por más que lo intenté nada... sin embargo lo he solucionado con lo que dice Valentin VN en el comentario 73.
    Gracias a todos por compartir.

    ResponderEliminar
  153. Esa es la maravilla de los comentarios, que la información sigue creciendo y sirve de ayuda a otros :)

    ResponderEliminar
  154. Yo sigo con mi margen inferior rebelde en mi blog Amo ser Mama...Lo quiero sacar al demonio! (perdon por la expresion) No se puede sacar directamente Potro? Ni siquiera puedo ponerlo del color de las sidebar. :(

    ResponderEliminar
  155. Cambiarle el color de fondo sí, agregando estos estilos donde siempre:

    .footer-outer {
    background: #A76A9B !important;
    }

    ResponderEliminar
  156. Genial, por lo menos pude ponerlo del mismo color que la sidebar. Potro vos sabes como puedo averiguar cual es el codigo de color ese? el que me quedo ahora y que tenia en la sidebar. Porque no es el color del codigo que yo elijo en el diseñador de plantillas, no se si me explico, pero mi plantilla es media rara con los colores.

    ResponderEliminar
  157. Pues ese es el color que aparecía en tu plantilla. Lo que pasa es que al mismo tiempo hay una imagen negra transparente, por eso antes se vería más oscuro.
    Si lo pones así verás que se oscurece el color:

    .footer-outer {
    #A64D79 url(http://www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top center !important;
    }

    ResponderEliminar
  158. y se puede sacar esa imagen negra transparente? eso es lo que me molesta, y hace que los colores no sean los que son.

    ResponderEliminar
  159. Sí, pero recuérdame cuál plantilla usas para decirte qué eliminar.

    ResponderEliminar
  160. Creo que es picture windows, si mal no recuerdo...donde me fijo para estar segura?

    ResponderEliminar
  161. Dentro de la Edición de HTML de la plantilla dice el nombre, pero tú lo has eliminado.
    No parece ser la Picture Windows, tiene más cara de una Viajes; intentemos con esto.
    Busca esta parte, (si es que la tienes) y elimina lo que está en negrita:

    .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
    margin-left: $(content.padding);
    background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left ;
    }

    .main-inner .column-left-inner {
    margin-right: $(content.padding);
    }

    .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
    margin-right: $(content.padding);
    background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left ;
    }

    ResponderEliminar
  162. Sos un genio Potro! y tenias razon, era la que vos decias :) Ahora como hago lo mismo con el fondo de las pestañas y la parte de abajo (que no se como se llama) Para sacarle ese color negro transparente tambien :)

    ResponderEliminar
  163. Esa parte está aquí:

    .tabs-inner .widget ul {
    padding: 0;
    background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center ;
    }

    ResponderEliminar
  164. Genial! ahi pude modificar el color de las pestañas, falta la parte de abajo nada mas. se puede?

    ResponderEliminar
  165. Es verdad, me equivoqué de área entonces. Cambia esto:

    .footer-inner {
    background: transparent $(footer.background.gradient) repeat scroll top center;
    }

    Por esto:
    .footer-inner {
    background: #A64D79;
    }

    ResponderEliminar
  166. no me sirvio D: http://mtvmundial.blogspot.com/ lo coloque donde dijiste , sucede algo?

    ResponderEliminar
  167. Lo que no consigo es poder elegir que la pestaña seleccionada quede transparente, es decir, que quede del mismo color que las demas. Y prometo que no hincho mas :)

    ResponderEliminar
  168. Jordan Lyrics, sí, sucede que como dice al inicio de la entrada, el truco es para plantillas hechas a través del Diseñador de plantillas de Blogger.

    ResponderEliminar
  169. Bren, no he entendido, ¿quieres que la pestaña seleccionada no tenga la imagen negra semitransparente?
    Eso se quita acá:


    .tabs-inner .widget li.selected a,
    .tabs-inner .widget li a:hover {
    position: relative;
    z-index: 1;
    background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
    color: $(tabs.selected.text.color) ;

    }

    ResponderEliminar
  170. Ay Potro no se como agradecerte! Sos un idolo !!!!

    ResponderEliminar
  171. Con tu visita es más que suficiente ;)

    ResponderEliminar
  172. Buenas noches (para mi) Potro, te cuento, no consigo que el borde superior sea igual en la página del blog y en las páginas estáticas. Si ves el blog y luego entras en cualquiera de las pestañas verás lo que pasa con la parte superior.
    ¿Doctor, esto tiene solución o tengo que seguir consumiendo aspirinas para dar con ello?
    Espero tus noticias agarrado al frasco.
    Ahora en serio, gracias como siempre.
    Patapalo
    PD. ¿Cómo va todo en la vida? espero que bien. Saludos.

    ResponderEliminar
  173. Perdoooooonnnn, el blog es:

    www.traderpirata.com

    Ejem! el alzheimer, ya sabes .....

    ResponderEliminar
  174. Estimado paciente,

    Me temo que deberá seguir tomando aspirinas con la debida precaución de no exceder más de la dósis recomendada, o quitar el Intro del blog, ya que es éste el que causa que la portada pierda ese espacio superior; esto es porque el Intro tiene la instrucción de eliminar esos espacio a razón de que cubra por completo la pantalla del navegador, de lo contrario habría partes del blog que serían visibles estando en el Intro.

    Saludos!

    ResponderEliminar
  175. Estimado doctor,

    Gracias por su diagnóstico. Comprendo que mi dolencia se va a convertir en una enfermedad cronica pero lo asumo con santa resignación.

    Reciba muchos recuerdos de este paciente que le admira.

    Saludos y ....... !abajo los curanderos¡
    Patapalo

    ResponderEliminar
  176. Hola Potro,

    En primer lugar, decirte que te sigo desde hace mucho, y quería darte las gracias por todo lo que me has enseñado ;)

    Y ahora mi consulta, que no está relacionada con esta entrada, pero no encontré otra forma de contactarte, espero no te importe.

    El caso es que tengo un blog abandonado desde hace mucho, pero se actualiza solo casi diariamente, es decir, escribe entradas en mi nombre, suelen ser reseñas hacia otras webs... Tengos varios blogs en blogger y sólo me sucede con ese, ¿qué puede ser? Dudo que sea un intruso porque no he visto nada raro salvo eso.

    Gracias de antemano por tu tiempo

    ResponderEliminar
  177. Patapalo, "!abajo los curanderos¡" jajajajajaja qué carcajada me has sacado :D

    ResponderEliminar
  178. Admin, qué gusto que seas seguidor de este blog de tiempo atrás :)

    El blog no puede actualizarse solo, es probable que tiempo atrás hayas hecho autor o administrador a otro usuario y sea él quien está redactando esas entradas. Entra en Configuración > Permisos, y ahí verás si hay otro autor, en caso de que lo haya puedes eliminarlo si ya no deseas que él participe en el blog como autor.

    Saludos.

    ResponderEliminar
  179. Hola soy yo de nuevo, te habia mandado un mail pero me salio como que falló el envió asi que no estoy segura de que te haya llegado por las dudas te comento acá.

    Mira estoy haciendo este blog http://alegriahogar.blogspot.com/

    El problema que estoy teniendo es que cuando hago click en una sección del menu de pestañas la cabezera (que ahora lo tengo con un fondo negro) y el menu de pestañas se bajan, lo notás? porque pasa eso? probe de todo pero no sale :(

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

    ResponderEliminar
  181. Ahi recibí tu respuesta! jaja bueno al parecer si llegó el mensaje jaja.

    Se solucionó! te agradesco mucho!

    Ahora tengo un nuevo dios al que adorar...DIOS POTRO! jajaja

    ResponderEliminar
  182. Jajaja, eso no Curu-Curu o tendré que empezar a pedir sacrificios humanos :P

    Qué bueno que sí resultó el código que te di.
    Saludos!

    ResponderEliminar
  183. tarde mucho para encontrar este truquillo, gracias

    ResponderEliminar
  184. Gracias me sirvio de mucho quedo asi, http://www.nba4players.com/

    ResponderEliminar
  185. Gracias ya me estaba preguntando si se podia hacer eso.. :D

    ResponderEliminar
  186. Por suerte que has caído en esta entrada :)

    ResponderEliminar
  187. Gracias me ayudo mucho, pero me podrias ayudar ahora debajo del banner quiero hacer lo mismo, reducir el espacio, entre el bannner y el cuerpo donde se escriben las entradas. saludos

    ResponderEliminar
  188. Agrega igual este código para reducir el espacio entra la cabecera y todo lo de abajo:
    .main-outer {margin-top:-30px;}

    ResponderEliminar
  189. Hola Potro, intento poner el codigo que indicas pero no hace nada, quiero eliminar el espacio en blanco que hay en la parte superior de la cabecera, te dejo mi blog:
    http://networkmarketing-vicente.blogspot.com

    Gracias por tu atencion y un saludo

    ResponderEliminar
  190. Hola Vicente,

    Como claramente se menciona en la entrada, este método es únicamente para plantillas hechas con el Diseñador de plantillas de Blogger. En tu caso, el código que debes poner es este:
    .span-24, div.span-24 {display:none;}

    Saludos.

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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
¿Te gusta Ciudad Blogger?