Reducir el espacio debajo de los comentarios

19 de diciembre de 2011 157 comentarios ,
No es que sea un problema, pero algunos encuentran esteticamente poco atractivo el espacio que hay entre el formulario de comentarios y los enlaces de navegación. No sé si sea mucho o poco espacio pues eso viene siendo relativo, lo cierto es que si no te gusta tener todo ese espacio no tienes que vivir con ello pues puedes modificarlo.


Para reducir el espacio que hay debajo de los comentarios ingresa a la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y busca este código:
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
Busca el segundo height que se muestra en color rojo y cambia su valor por uno más bajo, por ejemplo height='260'
Y habiendo hecho eso el espacio se habrá reducido.

Si se te dificulta encontrar el código guíate por la línea en color gris, pero toma en cuenta el height del cual hablamos aparece dos veces en ese código, y el que hay que modificar es el segundo.


157 comentarios en:

" Reducir el espacio debajo de los comentarios "

  1. Muchas gracias Potro justamente es algo que siempre viene bien saberlo para los que quieran modificar dicho espacio, entre ellos me incluyo ahora mismo me pongo con ello, Un saludo!!!

    ResponderEliminar
  2. HOLA , Potro siento ser muy pesado jeje , queria preguntarte si es mejor alojar las imagenes en tu -propio blog- en -otro blog- o en un -servidor aparte-?.Esto biene a que blogger le limito a un amigo el numero de entradas del blog nose si tenia que alojar las imagenes en el blog o en donde .Cual es la mejor opción ? no quiero que me pase como a el . (Ademas le dijeron que tenia por eso demasiado codigo).

    ESPERO TU RESPUESTA, UN SALUDO.

    GRACIAS...

    ResponderEliminar
  3. Yo lo veo bien, pero nunca viene de mal saber una solución si algún día quiero modificar el espacio. Gracias de nuevo por compartir tus excelentes conocimientos ;)

    ResponderEliminar
  4. Hola Potro me gustan mucho todas tus recomendaciones, he estado buscando como puedo eliminar el espacio inferior del blog después del ultimo gadget, por ejemplo en este blog como se puede eliminar ese espacio tan grande que hay después de los créditos http://www.costallaves.com.
    Gracias por este genial espacio

    ResponderEliminar
  5. Excelente Potro. Igual sería bueno que dijeras como reducir el espacio entre los títulos de las entradas y su contenido y la fecha ¡Saludos!

    ResponderEliminar
  6. No me sale :( sera porque yo modifique esta parte y lo sustitui por imagenes? (en el blog de Amo ser Mama) Esto de modificar la plantilla es adictivo! Todo por tu culpa! jajaj!

    ResponderEliminar
  7. Potro esto tambien funciona con Disqus ?

    ResponderEliminar
  8. InstalllerZXB, seguro no todos querrán modificarlo, pero los que sí lo deseen como tú pues ahí está la info :)

    eloy martinez, no hay un límite de entradas en Blogger, puedes escribir tantas entradas como quieras, pero en lo que sí hay límite es con el espacio de las imágenes, sólo se permite un 1GB por blog, pero, tu amigo puede crear otro álbum en su cuenta de Picasa y ahí subir las nuevas fotos.

    ResponderEliminar
  9. ya lo imcorpore en mi blog, me sirvio, muy bueno

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

    ResponderEliminar
  11. Buena potro gracias por el datillo! espero que estes bien! Saludos

    ResponderEliminar
  12. CampamentoWeb, si algún día lo ocupas ahí estará :)
    Gracias por pasarte.

    FINEM, a ti por tu visita!

    ResponderEliminar
  13. costallaves, para reducir ese espacio agrega antes de ]]></b:skin> esto:

    .footer-inner {height: 49px;}

    ResponderEliminar
  14. copado potro!! me hacía falta, aprovecho para desearte felices fiestas y un gran año nuevo, mi gran amigo el potro!!, abrazo saludos a los tuyos

    ResponderEliminar
  15. Principito, ¿en cuál blog quieres reducir ese espacio?

    Bren, sí que es adictivo pero eso no tiene que ver, lo de la imagen es un área aparte del formulario de comentarios. Revisa que hayas modificado justo el height que se indica en la entrada. Saludos.

    ResponderEliminar
  16. Diego Noise, no, ese código que se menciona es del formulario de comentarios de Blogger.

    FRANCISCO, por nada.

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

    ResponderEliminar
  18. Potro, este es http://diariodeunpensanteprincipito.blogspot.com/

    Aprovecho para felicitarte por tus casi 10000 fans en facebook :D
    Pregunto: ¿lo celebraremos con un concurso?

    ResponderEliminar
  19. Eliseo Insfran, me da gusto que te haya sido útil :)

    VacilandoUnRap, saludos wn, que estés bien también tú :)

    ResponderEliminar
  20. Muchas gracias javier diaz, lo mismo para ti. Un fuerte abrazo y buen inicio de semana!

    ResponderEliminar
  21. Principito, esa separación es por la fecha tipo calendario, tendrías que quitarla para que se desaparezca ese espacio :/
    Sobre los fans, supongo que sí, algo habrá que hacer cuando lleguemos a los 10,000 :)


    MaGoS RaDioMuSiC, buenas noches por acá :)

    ResponderEliminar
  22. Gracias POTRO...excelente,eso era algo que pensaba que no se podia solucionar!!

    ResponderEliminar
  23. Ahora si pude :) Me había equivocado yo. Es un truco excelente, ya que no queda nada bien tanta distancia ;)
    Ahora la distancia que queda debajo de los creditos en mi plantilla no tiene solucion no? ya habiamos probado con un par de codigos y no lo conseguimos :( Avisame si se te ocurre otra cosa porque no me resigno a que "San POTRO" no me resuelva mi problema! jajaa! A proposito felicidades por los casi 10000 seguidores en face!

    ResponderEliminar
  24. hola, mire, estoy haciendo un blog y a la hora de poner una entrada, el espacio que aparece no es lo suficiente ancho horizontalmente para ver en horizontal tres imagenes que quiero añadir en horizontal. Me puedes indicar como puedo agrandar horizontalmente esa pantallita que sale donde se escribe la entrada?

    ResponderEliminar
  25. POTRO te he mandado un e-mail por medio de contacto,si me la respondes porfavor....es urgente!! Gracias/.

    ResponderEliminar
  26. Hola Potro, cómo andas?

    Sabes como verifico mi cuenta de Paypal? Algún tutorial o algo no tenes por ahí?

    ResponderEliminar
  27. MARCO ANTONIO, por suerte sí tiene solución.
    Aún no reviso los correos del formulario, apenas avance con los comentarios del blog los iré respondiendo ;)

    ResponderEliminar
  28. Bren, prueba con lo que digo en el comentario #15, pero en tu caso ese valor ponlo en 0px

    ResponderEliminar
  29. pepe, mira la siguiente entrada, ahí verás cómo cambiar el ancho del blog en esas plantillas como la que usas:
    http://ciudadblogger.com/2010/10/cambiar-el-ancho-del-blog-y-sidebar-en.html

    ResponderEliminar
  30. Ahora siiii! Sos GROSO GROSOOOO! Mil gracias!!!

    ResponderEliminar
  31. Pozo+10™, tienes que añadir una tarjeta de crédito, luego harán un cargo como de 1 dólar más o menos, y en el estado de cuenta de la tarjeta vendrá ese cargo con un número de referencia, ese número de referencia tienes que agregarlo luego en tu cuenta de PayPal para corroborar que esa tarjeta era tuya. Habiendo hecho eso ya tendrás tu cuenta verificada.

    ResponderEliminar
  32. Hola!
    Como puedo hacer para que la imagen de fondo de mi blog no se desplace con el blog.

    Me refiero a que según vas bajando el blog se vea siempre lo mismo de fondo de pantalla.

    Este es mi blog: http://winx-lovely.blogspot.com/

    ResponderEliminar
  33. Potro haver si he entendido que si hago un album de picassa lla no tendre problemas respecto alas imagenes de blog ?
    He entendido bien ?

    ResponderEliminar
  34. Muchas gracias Potro,ya quedó reducido ese espacio libre que no me gustaba, saludos

    ResponderEliminar
  35. Y una vez que agrego la tarjeta, y la verifico, puedo cobrar el dinero de mi cuenta de Paypal de alguna manera?

    ResponderEliminar
  36. Hola Potro, buenas tardes, muchas gracias por hacer este blog, tenia mucho tiempo abandonado el mio y esta mañana busque en internet alguno que diera tips y desde la mañana que descubrí el tuyo y estoy pegada, es lo máximo!!! muchas gracias ;) lei todas tus entradas desde la primera hasta esta ultima... éxitos!!! feliz navidad un millón de gracias. Se te aprecia.

    ResponderEliminar
  37. La zona de mis comentarios ha mejorado mucho gracias a tus indicaciones, ahora me quedan dos pequeños problemas: ¿cómo puedo quitar espacio a la izquierda de la caja donde escribimos los comentarios para que me quede en línea como la tienes tu?
    y ¿cómo puedo cambiar o quitar lo de 40 comentarios: que veo que tú ya lo tienes cambiado? Gracias por tu ayuda. Felices fiestas!

    ResponderEliminar
  38. potro se puede modificar las plantillas dinamicas de blogger espero tu respuesta.

    ResponderEliminar
  39. Hola Lovix,

    A esta parte de tu código agrega lo que está en negrita:

    body{background:#F4F4F4 url(http://i40.tinypic.com/30vd75f.png) center top no-repeat; background-attachment:fixed; color:#535353;font-family: Arial, Verdana;font-size: 12px;margin:0px;padding:0px;}

    ResponderEliminar
  40. eloy martinez, se supone, pero también puedes hacer esto, crea un perfil nuevo de Google, luego en tu blog haz administrador a ese perfil nuevo, de esa forma tendrás otro GB de espacio en Picasa pues se trata de otro perfil.

    ResponderEliminar
  41. Julio C. Mejía, saludos :)

    Pozo+10™, no sé en todos los países cómo sea, pero al menos aquí (México) se puede transferir el dinero a una cuenta bancaria. Investiga en la página de PayPal de tu país, ahí debe estar toda la info que necesitas.

    ResponderEliminar
  42. Hola Beatriz Gonzalez, muchísimas gracias por tan lindo comentario. Me da gusto que hayas retomado tu blog, y que estés encontrando aquí información que puede serte útil en tu blog.
    Feliz Navidad para ti también y bienvenida a Ciudad Blogger!!!

    ResponderEliminar
  43. Hola m.p.moreno,

    Poniendo este margen en cero debe alinearse hacia la izquierda el formulario de los comentarios:
    .comment-form {
    margin:0pt auto;

    Aunque los comentarios seguirán teniendo ese margen izquierdo, si también quisieras quitárselo agrega estos estilos:
    #comments-block.avatar-comment-indent {
    margin-left: 0px !important;
    }

    El número de comentarios yo aún lo tengo, pero sino quisieras que aparezcan agrega estos estilos también:
    .comments h4 {display:none;}

    Saludos y felices fiestas!

    ResponderEliminar
  44. sonacero360, muy pocas cosas se pueden modificar en esas plantillas por no decir casi nada, pero una de las pocas cosas que sí puedes poner es una cabecera personalizada:
    http://ciudadblogger.com/2011/09/personalizar-la-cabecera-en-las-vistas.html

    ResponderEliminar
  45. Muy bueno el dato, gracias por compartirlo!

    ResponderEliminar
  46. Hola Potro,
    te hago una petición que no tienen que ver con la entrada. Esta mañana mi blog ha aparecido con un ser extraño por encima de la barra de blogger. Puedes entrar en mi blog y echarme una mano para ver qué es y como quitarlo. GRACIAAAAAAAAASSSS

    www.efcondearanda.blogspot.com

    ResponderEliminar
  47. Gracias por tu respuesta Potro; cuando he ido a hacer los cambios en mi blog he visto que alguien me ha plantado una pegatina de Toy horrorosa en el top-center, donde antes tenía la navbar ¿cómo puedo quitarla? Necesito tu ayuda gracias.

    ResponderEliminar
  48. ya tiene 12787 y si tiviese en de twitter los fans serían como minimo 20.000 De modo que ya sabes pon el botoncito seguir de twitter y a disfrutar.

    ResponderEliminar
  49. Andale! conque mejicano y de Tijuana. Ya suponia que ese sombrero vaquero tenía algún signifiado. Y el orgullo de tener un blog tan padre y tu amabilidad son un excepcional referente para todos los bloggeros experto o inexpertos.

    ResponderEliminar
  50. jorge pérez si no te importe te digo que es. En nuestro blog también ha aparecido es un banner y en ciudad de blogger lo explicas. Es porque tienes el trineo de Santa Claus volando por la pagina, si quitas el scrip quitaras el banner. Pasate por la entrada del trineo y te informaras que ha actualizado la entrada.

    ResponderEliminar
  51. Gracias Jose Mi porque la respuesta que has dado a Jorge me ha servido a mi también. Felices fiestas para todos.

    ResponderEliminar
  52. Carlos Padgett, gracias a ti por tu visita!

    jorge pérez, es por el Santa Claus en el trineo, justo ayer puse un aviso en Facebook y la entrada pues fue repentino ese gadget que pusieron los dueños del script. La solución es quitar el gadget, o esperar unos dos días más a que pase la Navidad ;)

    ResponderEliminar
  53. unhidalgo, muchas gracias por tu amable comentario :)
    Aunque en Twitter casi nadie se anima, supongo que no tiene tanta fuerza como Facebook.
    Saludos!

    Jose Mi, gracias por darles la info :)

    ResponderEliminar
  54. Hola Potro:

    Tengo un contador de días en un gadget que he cambiado en distintas opciones pero no cambia nada con respecto al espacio que queda abajo que creo que es demasiado. Se podría reducir.
    http://franciscoadame.blogspot.com

    SALUDOS

    ResponderEliminar
  55. Hola Potro necesito tu ayuda para reducir el espacio pero de los comentarios realizados mira
    http://www.programandos.blogspot.com/2011/12/birrday-party-200-un-nuevo-episodio-de.html

    ResponderEliminar
  56. Gracias a Jose Mi y gracias Potro; creo que ya puedo prescindir del viejo Santa.

    Un saludo para todos, Feliz Navidad y mis mejores deseos para 2012.

    ResponderEliminar
  57. m.p.moreno, qué bueno que te ha servido la info de Jose Mi :)

    FRANCISCO, agrega antes de ]]></b:skin> esto:
    #Text4 {height:5px;}

    ResponderEliminar
  58. Harold Solano, ¿exactamente a cuál espacio te refieres?

    FRANCISCO, por nada ;)

    ResponderEliminar
  59. Hola Potro mira el comentario que sale, http://programandos.blogspot.com/2011/12/birrday-party-200-un-nuevo-episodio-de.html lo que quiero realizar es que la caja del comentario sea un poco mas pequeña

    ResponderEliminar
  60. Buenas mirando esta entrada, me he dado cuenta de que en mis comentarios aparece esto (creo que antes no estaba):
    "Enlaces a esta entrada
    Crear un enlace"

    Podrías decirme ¿qué es y para qué sirve?

    Gracias.

    ResponderEliminar
  61. Harold Solano, busca esta parte:
    .box2 {
    background: #f9f9f9;
    border: 1px solid #cfcfcf;
    height: 1%;
    margin: 0 0 20px;
    padding: 18px;
    min-height: 115px;
    }

    Si eliminas lo que está en negrita se ajustará al contenido del comentario, o bien, puedes poner otro valor para establecer una altura mínima que no sea tan grande como la actual.

    ResponderEliminar
  62. Muchas Gracias Potro, me sirvió excelentemente.

    ResponderEliminar
  63. Adquiriendo Estilo, es para que la gente haga click ahí y publique en su blog un post sobre el artículo que escribiste. Si alguien lo hace entonces ahí aparecerá una lista de los enlaces donde se ha publicado ese artículo.
    Sino deseas que aparezca entra en los Elementos de la página, haz click en Editar sobre Entradas del blog y desmarca la casilla que le corresponde.
    Saludos.

    ResponderEliminar
  64. Hola potro, como podría agrandar la caja de texto para que se adecue a las proporciones de mi blog, es que la veo muy peque!

    Gracias y feliz navidad!

    ResponderEliminar
  65. Hola Juanko,

    En ese mismo código que se menciona en la entrada verás que dice width='100%' si lo cambias por un valor en pixeles podrás modificarlo, por ejemplo:
    width='600px'

    Feliz Navidad!

    ResponderEliminar
  66. Gracias por este post... tengo una pregunta, pero no se donde hacertela. Y es dónde tienes la información para inserta la casilla ¿te gusta ciudad blogger?. Me ha encantado la idea. Un abrazo

    ResponderEliminar
  67. ¿La del botón que está abajo? De hecho es la penúltima entrada que se publicó ;)
    http://ciudadblogger.com/2012/01/botones-flotantes-para-recomendar-el.html

    Abrazos.

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

    ResponderEliminar
  69. Hola Potro.
    He instalado LinkWithin en el blog con un solo "inconveniente": el espacio entre la entrada en sí y la firma, fecha, botones sociales, etc... ha desaparecido. ¿Podría implantar un par de saltos de línea o similar?, me gustaría que quedaran más separados entre sí.
    Ya dirás si tengo solución ;)
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Puede ser, tal vez aplicando unos márgenes. ¿En cuál blog lo has puesto?

      Eliminar
    2. Ups!!
      Ya perdonarás, lo he puesto en Sinapsis de un tapicero...

      Eliminar
    3. Debajo de .post-footer { puedes poner un margen, por ejemplo:
      margin-bottom:30px;

      Eliminar
    4. He probado hasta con un margin-bottom:60px; y no separo la entrada del resto...

      Eliminar
    5. Ah, ah, creí que era el footer lo que querías separar de LinkWithin.
      En ese caso agrega en esta parte lo que está en negrita:
      .post-footer {
      margin: .5em 0;
      line-height: 1.6;
      margin-top: 50px;
      }

      Eliminar
    6. Qué grande!!
      Ahora sí... apúntate otra ;)
      Muchas gracias Potro, asunto zanjado, ha quedado tal y como quería.
      Un saludo y hasta pronto.

      Eliminar
  70. El potro no consigo quitar el margen izquierdo de la caja de comentarios. Tengo esto: #comment-editor
    margin-left: 0px !important;
    }
    No me refiero a los comentarios anidados.

    Otra cosa cómo puedo quitar el espacio que en mi plantilla queda entre post y post?
    Gracias como siempre.

    ResponderEliminar
    Respuestas
    1. Para quitar el espacio entre entrada y entrada busca esta parte:
      .post-outer {
      background-color: $(post.background.color);
      border: solid 1px $(post.border.color);

      -moz-border-radius: $(post.border.radius);
      -webkit-border-radius: $(post.border.radius);
      border-radius: $(post.border.radius);
      -goog-ms-border-radius: $(post.border.radius);

      padding: 15px 20px;
      margin: 0 $(post.margin.sides) 20px;
      }

      Cambia ese 0 por -20px

      Para quitar ese margen del formulario busca esta parte y elimina lo que está en negrita:
      .comment-form {
      margin:0pt auto;
      width:400px;

      Eliminar
    2. Una vez más mil gracias, así ¡qué fácil!

      Eliminar
    3. Por nada, un gusto poder ayudarte ;)

      Eliminar
  71. me parece que ya no funciona este truco con el cambio que han tenido los comentarios, sabrias como se puede conseguir de nuevo con los nuevos comentarios?

    ResponderEliminar
  72. Hola de nuevo, ahora si que la he liado!!

    Mira el espacio que hay entre el formulario de entrada de comentarios y el final del blog (he cogido unas entradas al azar)

    http://descargaloquequieres.blogspot.com/2011/10/descargar-aguila-roja-4-temporada.html
    http://descargaloquequieres.blogspot.com/2011/10/descargar-cuentame-como-paso-13.html
    http://descargaloquequieres.blogspot.com/2011/12/descargar-inmortals-espanol-megaupload.html

    Lo raro es que no pasa en todas las entradas, sino en algunas porque sino mira estas otras

    http://descargaloquequieres.blogspot.com/2011/10/descargar-killing-1-temporada-espanol.html
    http://descargaloquequieres.blogspot.com/2011/12/descargar-inmortals-espanol-megaupload.html

    Buah tio si logras ayudarme con esto.... por favor

    ResponderEliminar
    Respuestas
    1. Deshaz los cambios. Voy a estar investigando cómo hacer que funcione en este nuevo sistema de comentarios, aun no he podido revisar toda esa área a detalle.

      Saludos.

      Eliminar
    2. solucionado, habia un error en el frame de los comentarios

      Eliminar
  73. Que tal Don Potro tiempo que no pasaba por aqui ,esta muy refrescante la pagina ...Mira hermano si puedes ayudarme con lo siguiente:
    Es que necesito insertar en iframes el contenido especifico de una web ( concretamente el reproductor de tv de esta web http://carruseltv.blogspot.com/p/canal-1.html )
    Lo que pasa es que cuando lo inserto con iframes se me ve otra parte que no es precisamente la tv que es lo unico que quiero que se vea ...Debiera quedar asi como aqui http://televisionyradio1.blogspot.com/2011/10/gol-tv.html............. Te agradesco . ..

    ResponderEliminar
    Respuestas
    1. Hola Jordan,
      Un iframe es sólo un marco para mostrar el contenido de una página externa. Pero ese marco lo único que hace es mostrar dicha página en la tuya, sin embargo no puedes decidir qué parte de esa página se muestra o qué no. En todo caso si lo único que quieres es mostrar el canal de esa página, sólo busca en su código fuente el código del reproductor, así no tendrías que poner un iframe, sino el código del reproductor que tienen.

      Eliminar
    2. OK te entendi pero el asunto es que no logro reconocer el codigo de ese reproductor en el codigo fuente..

      Eliminar
    3. Este el código, pero quién sabe si puedas verlo, algunos reproductores tienen limitados los permisos para que puedan verse sólo en la página que el autor indique:

      <center><script type="text/javascript">
      width=588, height=397, id='90899', e='1';
      </script><script src="http://www.mips.tv/player/doitlive_embed.js" type="text/javascript">
      </script>
      </center>

      Eliminar
  74. Si tienes razon ya lo habia probado si es exclusivo del autor ...Bueno Gracias....
    Auque he quedado intrigado porque aqui estan en iframes >>>>

    http://www.televisionyradio.com.es/ - http://pasevip.blogspot.com/2012/01/goltv.html#canal

    Y son copiados de la misma pagina osea esta >>
    http://carruseltv.blogspot.com/p/canal-1.html

    ResponderEliminar
    Respuestas
    1. Pues en ninguna de las dos páginas vi el mismo reproductor. De hecho en la segunda que mencionas abajo viene el código para insertar ese canal en tu blog.

      Eliminar
  75. se ve un poco feo ese espacio pero gracias a usted lo solucione :)

    ResponderEliminar
    Respuestas
    1. Qué gusto que hayas podido resolverlo, y de una manera fácil :)

      Eliminar
  76. Hola potro, hay alguna forma de hacer lo mismo pero con la entrada?
    En mi blog, los comentarios salen muy alejados de la entrada, y no se como solucionarlo. Gracias! :)

    ResponderEliminar
    Respuestas
    1. Hola Skinny D.†, tal vez debas poner el formulario de comentarios debajo de las entradas en lugar de ventana emergente, pues de hecho ese espacio que se ve ahí es el espacio ocupado por el formulario.

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

      Eliminar
    3. Hice lo que me dijiste potro, pero ahora me salen dos formularios de comentarios.

      Eliminar
    4. Quizá había un error en la plantilla, hablo en pasado porque ahora mismo he entrado a tu blog y veo sólo una caja de comentarios y el espacio que existía ha desaparecido.

      Eliminar
  77. Hola Potro, excelente truco que presentas. Una pregunta, sabes por casualidad como reducir el espacio entre cada comentario.

    Espero tu respuesta :)

    ResponderEliminar
    Respuestas
    1. Hola BooksVzla, pon esto en los estilos de tus comentarios:
      .comments .comments-content .comment {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
      }

      Eliminar
    2. Gracias, me sirvió muchísimo. :)

      Eliminar
  78. Hola.

    Intento hacer lo que dices, pero no se reduce el espacio, lo hago en el segundo height y guardo los cambios, pero no se modifica.

    ResponderEliminar
    Respuestas
    1. En los comentarios anidados ya no se puede :(
      Los comentarios anidados son como este, que tiene la opción de Responder, en esos ya no se puede.

      Eliminar
    2. Perdona, pero no entiendo lo que me esplicas, podrias ampliar tu informacion?

      Gracias.

      Eliminar
    3. Antes había otro tipo de comentarios, esos no tenían la opción de "Responder"; en esos sí funciona esto de reducir el espacio. Pero hace algunos meses los comentarios cambiaron su forma y Blogger les puso la opción de "Responder" (como los ves aquí mismo en este blog). En este tipo de comentario que se llaman anidados, ya no funciona la posibilidad de reducir el espacio.

      Eliminar
  79. Ok ! entiendo.
    Te pongo el enlace del Blog, para que tu mismo veas a lo que me refiero, es el espacio que hay entre la ultima palabra "Proximamente !!!" y el final, lo que yo quiero reducir. Creo que el problema vino desde que borre una imagen, desde entonces aparecio ese gran espacio.

    http://www.lamascotasilenciosa.es/

    ResponderEliminar
    Respuestas
    1. Ese espacio es por los códigos de tu entrada, edítala y estando en la pestaña HTML (no en la de Redactar) verás que al final tienes todos esos códigos que generan el espacio.

      Eliminar
  80. Solucionado !!!

    Muchas garcias por tu ayuda y perdona por darte la lata.

    ResponderEliminar
  81. Ya le saqué provecho a esta entrada, pero quisiera saber si es posible quitar el espacio entre los gadget del pié y el link de la página principal. Como siempre gracias por esta enciclopedia de consulta (el blog donde pruebo esto es www.montoya.tk).

    ResponderEliminar
    Respuestas
    1. No creo que se pueda reducir mucho, pero un poco si agregas esto:
      .footer-inner {
      padding-top: 0 !important;
      }

      Saludos!

      Eliminar
  82. Gracias; pero ciertamente no redujo casi nada. Probé incluso con valores negativos y fué peor. ¿No existe otra forma de quitar ese espacio?.

    ResponderEliminar
    Respuestas
    1. Nada mas que le apliques un margen negativo superior ahí mismo:
      margin-top: -30px;

      Eliminar
    2. En el comentario anterior mencioné que ya había hecho eso. De todas formas gracias.

      Eliminar
    3. Pero yo me refiero debajo de .footer-inner {
      ¿ahí lo has puesto?

      Eliminar
    4. Así mismo:
      .footer-inner {height: 49px;
      padding-top: -30px !important;
      }
      Y nada...

      Eliminar
    5. No veo que esté agregado en tu plantilla.

      Eliminar
    6. Es que lo estoy haciendo también en reflexioteca pero ya lo puse; resulta que ahora se me hace un espacio al pié, como parte del mismo fondo del blog. Es una lata esto de los espacios...

      Eliminar
    7. No veo otro espacio de más, pero este no te ha resultado porque lo has puesto después de la llave de cierre:
      .footer-inner {height: 49px;}
      padding-bottom: -30px !important;
      }

      Y debe ser así:
      .footer-inner {
      height: 49px;
      padding-bottom: -30px !important;
      }

      Eliminar
    8. Cierto, arreglado; pero en reflexioteca lo tengo bien y es el que tengo más espaciado. Como te decía, hasta me ha aparecido un espacio del fondo del blog al pié.

      Eliminar
    9. Debe ser por algún estilo que agregaste, yo no lo logro identificar pero quizá debas deshacer todos los cambios que agregaste antes de que sucediera eso.

      Eliminar
  83. Disculpa nuevamente. Fíjate que recuperé el footer por lo menos visualmente elimando toda esta parte menos los que dicen macro y las llaves del footer obviamente.
    Te agradecería tu opinión si esto podría afectar en otras funciones posteriormente. Gracias anticipadas por tu gentileza.
    (Eliminé todos los inicios < porque no me dejaba guardar)
    footer>
    div class='footer-outer'>
    div class='footer-cap-top cap-top'>
    div class='cap-left'/>
    div class='cap-right'/>
    /div>
    div class='fauxborder-left footer-fauxborder-left'>
    div class='fauxborder-right footer-fauxborder-right'/>
    div class='region-inner footer-inner'>
    macro:include id='footer-sections' name='sections'>
    macro:param default='2' name='num' value='1'/>
    macro:param default='footer' name='idPrefix'/>
    macro:param default='foot' name='class'/>
    macro:param default='false' name='includeBottom'/>
    /macro:include>
    !-- outside of the include in order to lock Attribution widget -->
    /div>
    /div>
    div class='footer-cap-bottom cap-bottom'>
    div class='cap-left'/>
    div class='cap-right'/>
    /div>
    /div>
    /footer>

    ResponderEliminar
    Respuestas
    1. No hay problema, en sí sólo has eliminado el footer, lo mismo que si eliminaras otro elemento del blog ;)

      Eliminar
  84. Hola Potro.

    Llevo todo el día buscando esta información pero no la encuentro. Tengo un gran espacio entre el final de mis entradas y donde pone "Página principal". No sé cómo puedo reducirlo. Te agradecería tu ayuda.

    ResponderEliminar
  85. Hola Potro. En www.arqueocinema.com.

    Es un espacio un poco grande que me queda entre el final de la caja de cada entrada y donde pone página principal que es se encuentra en un gadget HTLM de los que ofrece blogger.

    En realidad puede parecer una tontería, pero me gustaría poder quitar o reducir ese espacio.

    ResponderEliminar
    Respuestas
    1. Hola Félix, si esos datos están en un gadget entonces puedes aplicar un margen para ese gadget en particular:
      #HTML5 {
      margin-top:-90px;
      }

      Eliminar
    2. Hola Potro. Puse antes #HTML5 {margin-top:-90px;} antes de ]]> y la cosa me funcionó parcialmente.

      El problema es que creo que el margen me lo está generando el gadget de comentarios de facebook. Cuando este gadget queda más arriba que mi sidebar porque la entrada es pequeña no se nota el espacio final del que te hablo.

      Sin embargo, cuando mi entrada es más larga que la sidebar se me genera un espacio después de la caja de comentarios de facebook y los gadget que tengo en la parte final de la página.

      Creo que la solución sería reducir el espacio posterior que me genera la caja de comentarios de facebook. ¿Hay alguna solución para eso?

      Eliminar
    3. Finalmente lo resolví. La clave está en esta línea:

      .post-footer {
      margin: 0px 0px -200px -0px ;

      Le puse -200 en la parte de abajo y logre reducir ese espacio. Por si alguien lo necesita, pues ahí queda.

      Eliminar
  86. Guayyyyyyyy qué maravilla. Creí que nunca lo conseguiría. MIL GRACIAS.

    ResponderEliminar
  87. Hola Potro, de nuevo yo dando guerra, me he leído como reducir el espacio entre varias partes del blog, pero me sucede algo, tengo un margen grande en las páginas cuando termino de editarlas y publicar queda un espacio de unos 500px, pero solo en las páginas, he ocultado en las páginas todos los gadgets, tienes idea de porque pueda ser, y si tiene remedio para poder reducirlo solo en esa parte.
    Gracias!!

    ResponderEliminar
    Respuestas
    1. Hola Mayte, ¿me puedes mostrar una página donde te suceda eso?

      Eliminar
  88. Claro aquí esta: http://pruebikas.blogspot.mx/p/potafolio.html

    ResponderEliminar
    Respuestas
    1. Es el espacio de otros elementos, aunque no se reducirá mucho puedes quitar un poco de esos espacios:
      footer, #blog-pager, .post-footer {
      display: none;
      }

      Eliminar
  89. Gracias Potro, pero una cosa, dónde lo coloco, voy loca con tantos códigos estos días.

    ResponderEliminar
    Respuestas
    1. Todos los estilos van siempre antes de ]]></b:skin> :)

      Eliminar
  90. Muchas Gracias Potro, mañana lo pruebo!!

    ResponderEliminar
  91. Hola Potro! Lo he probado ya y si efectivamente el espacio en las páginas se reduce, pero desaparecen los comentarios en el blog...:/ qué puedo hacer? Por el momento lo he dejado así, hasta que me digas algo. Gracias!!!!

    Saludos.

    ResponderEliminar
  92. Olive dejarte el enlace que no esta visible en el perfil.
    http://pruebikas.blogspot.mx/

    ResponderEliminar
    Respuestas
    1. Hola Mayte, esos estilos no controlan los comentarios, revisa si has desactivado los comentarios en la configuración del blog, o en la configuración de las entradas en forma individual.

      Eliminar
  93. Hola Potro, podrías decirme como hacer para reducir los espacios entre mis posts?
    www.hamabeadsyamigurumis.com
    Gracias.

    ResponderEliminar
    Respuestas
    1. Hola Desi, se podría reducir un poco si quitas esta línea:
      .post{padding-bottom:15px;}

      Eliminar
  94. Hola, quería saber si tienes algún post relacionado con eliminar el espacio vacio que queda al final del blog cuando ya no esta el footer con la tecnología de blogger. He buscado en varios páginas pero ninguno parece resolverlo. Gracias

    ResponderEliminar
    Respuestas
    1. Hola, prueba con estos estilos:

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

      Eliminar
  95. Hola potro,

    he intentado hacer esto mismo con el espacio que queda al final de los comentarios de GOOGLE PLUS pero no resulta, no ha diferencia.

    ¿Podrías indicarme cómo hacerlo?

    Gracias!!

    ResponderEliminar
    Respuestas
    1. Hola Beatriz. Este método no funciona con los comentarios de Google+. Pero puedes añadir antes de ]]></b:skin> estos estilos:

      div#gpluscomments.cmt_iframe_holder {
      height:250px !important
      }

      Eliminar
  96. Potro y para Los Gadgets Y Las Entradas? para Que Queden Mas Unidos Entre si ?

    ResponderEliminar
    Respuestas
    1. Para reducir el espacio entre los gadgets aplica este estilo en tu plantilla:
      .widget {
      margin: 5px !important;
      }

      Puedes modificar ese valor si lo deseas.
      Para las entradas reduce el valor del margin que está dentro de .post {

      Eliminar
  97. Hola potro... Antes que nada... muchas gracias por este blogg q me está sirviendo de ayuda para hacer ciertas cosillas, aunque claro, soy un ignorante y torpe...
    Mi problema es de cierta indole a este post, pero he intentado hacerlo de muchas maneras y en las páginas, sigue habiendo mucho espacio o no se reajusta. ¿ Serías tan amable de echarme una manita? Gracias. Mi blog: Yissuko

    ResponderEliminar
    Respuestas
    1. Hola Jesús, necesitaría ver una página donde tengas el problema que comentas.

      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