14/03/2011

Retirar espaço em Branco após Comentários do Blogger

Uma dica muito simples de fazer e com um resultado muito bom é retirar aquele espaço em branco que fica abaixo dos formulários dos comentários do blogger, caso você use os comentários junto na pagina da postagem como fazemos atualmente.

Além deste veja aqui outros tutoriais relacionados aos comentários do blogspot:
Mostrar comentários recentes
Moderar Comentários do Blogger
Colocar emoticons nos comentários do blog

Se você não usa seus comentários desta maneira e quiser mudar é só entrar em configurações > comentários > Posição do formulário de comentários e escolha a opção: Postagem abaixo incorporada. Talvez isso até ajude a conseguir mais comentários no seu blog Como ter Mais Comentários, Mais Visitas, pois quando fizemos essa alteração tivemos bons resultados principalmente em nosso outro site de frases.

exemplo de espaço nos comentários do blogger

Vimos essa dica no blog htmHelen e como já dissemos é muito fácil, entre na pagina editar html, marque para expandir o modelo de widgets e procure por esse trecho:

<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='420' id='comment-editor' name='comment-editor' src='' width='100%'/>

Agora modifique (diminua) o valor height: 420 até reduzir o espaço para o que achar melhor. Será necessário salvar as alterações para visualizar uma vez que isso só é visível na pagina da postagem e não na pagina principal do blog.

Depois que fizer a alteração faça um comentário para testar, veja na imagem abaixo:

codigos dos comentarios do blog
Na primeira vez que retiramos o espaço após os comentários do blog esquecemos-nos de pensar na mensagem que aparece quando alguém comenta, veja que aparece a barra de rolagem no comentário do lado esquerdo, por isso tivemos que aumentar um pouco esse valor. Em nossos blogs estamos usando 250 por enquanto e parece que ficou bom.
Related Posts with Thumbnails

43 comentários:

  1. muito interessante, vou fazer no meu tb

    ResponderExcluir
  2. Fabiano me explica uma coisa: tenho um dominio uol e nao quero renova-lo, meu nome vai pro SPC/SERASA se eu nao pagar?

    ResponderExcluir
  3. ModsForGTA.com
    acho se não pagar a unica coisa que acontece é você perder aquele domínio, pois o contato é por um ano (que você pagou o ano passado quando registrou)

    tente perguntar no atendimento online do uolhost para ter certeza.

    ResponderExcluir
  4. É o espaço do comentario é muito grande... boa dica.

    ResponderExcluir
  5. Grande amigo fabiano, gostei de mais dessa postagem não para diminuir, mais para aumentar.

    Mas a pergunta é a seguinte:

    Quando alguem faz um comentario ou ate eu mesmo eu para responder algum, e apos um tempo quero remove-la, removo-a mas continua um texto escrito:

    Esta postagem foi removida pelo autor.

    Como faço para não mostrar nada quando remover algum comentario?

    ResponderExcluir
  6. tem que marcar a opção remover comentário definitivamente assim ele desaparece por completo

    Apagar comentários

    ResponderExcluir
  7. clique para atualizar a pagina... as vezes seu computador está usando o historico de internet...

    mas tem que salvar antes de ver os resultados, não tem como só clicar no botão visualizar

    ResponderExcluir
  8. Muito bom, obrigado... no meu modelo usei 235px e deu certo.. mesmo com a mesnsagem de confirmação. Mas pra ficar com melhor visual e dar um melhor espaçamento deixei em 240px. Ficou ótimo.

    ResponderExcluir
  9. Isso é mesmo interessante, mas o meu problema de excesso de espaço não é nos comentários, é logo abaixo da postagem. Será que tem como retirar o espaço em excesso? (e ñ é pq eu deixo muito espaço na postagem antes de publicar)
    Se puder me ajudar eu agradeço.

    ResponderExcluir
  10. Maiclli
    o problema é que tem varios locais onde pode estar esse tal espaço depois das postagens...

    tente procurar por padding ou margin com valor alto (mais que 20.. 30..) quando achar para fazer o teste coloque mais um zero e clique para visualizar, por exemplo onde está 30 coloque 300, assim aparecerá um espaço enorme e você terá certeza que é o trecho certo do código

    ResponderExcluir
  11. olha eu fis igual vc esplicou mas o meu blog continua com aquele espaço enorme,o que eu fis de errado?

    ResponderExcluir
  12. talvez seu computador esteja acessando o blog pelo histórico de internet, veja aqui: Limpar Histórico de Internet - Evite erro no Blog

    ResponderExcluir
  13. aqui funcionou... valew pela dica... muito útil

    ResponderExcluir
  14. Fabiano,

    Como faço para diminuir o espaço entre postar Comentário e credito.

    Vide blog:www.calopsitar.com.br

    Desde já agradeço,

    ResponderExcluir
  15. MAURICIO
    uma das coisas que causa o espaço é esse iframe que falamos aqui no tutorial..

    mas pode haver padding ou margin no seu html, mas são muitos lugares possiveis.... veja se encontra o espaço no estilo #blog-pager

    ResponderExcluir
  16. O meu blog está com problemas nos comentários. Parece que existe o tipo de uma imagem transparente em cima do gadget de comentários que não deixa ninguém comentar! Preciso de ajuda! Se quiser olhar você mesmo, o endereço de meu blog é http://www.bovoqui.com

    ResponderExcluir
  17. Pietro
    seu template é inteiro modificado...

    mas tente apagar esse trecho do html e veja o que acontece:

    .art-post-cc
    {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    bottom: 24px;
    background-image: url('http://lh4.ggpht.com/-CcWam_eZxrQ/Tnp_P3V2KRI/AAAAAAAAAa0/xIEneiMuSrQ/s800/post_c.png');
    }

    salve uma copia antes de modificar, isso é apenas um teste.. como falei seu template é modificado, seria melhor usar um modelo padrão do blogger

    ResponderExcluir
  18. @Fabiano Roberto Obrigado, obrigado e obrigado!!!!!!!!! Funcionou perfeitamente!!!

    ResponderExcluir
  19. tem como eu colocar algum anuncio nesse espaço?
    abraços

    ResponderExcluir
  20. @Soh Pagode se quiser poderia colocar o código de um anuncio proximo a esse trecho do html e deve funcionar normalmente

    ResponderExcluir
  21. fabiano gostaria de saber como remouver o espaço q fica das colunas com os posts e o topo com o cabeçalho

    ResponderExcluir
  22. @Fabiano Roberto retirar espaços depende muito do seu template

    existem muitos lugares onde gera o espaço mas basicamente procure por padding ou margin com valor alto.

    ResponderExcluir
  23. Fucionou + ou menos , mas obrigado pelo tutorial

    ResponderExcluir
  24. Fabiano, já andei pedindo ajuda e ninguem me respondeu. A pouco tempo instalalei o windget de postagens relacionadas do 2leep.com. Ontem fiz uma postagem e apareceu um espaço enorme em branco entre a postagem e o windget. Nos postes que já estavam no blog ficou normal. Além do que não consgeui colcoar o tiulo "Leia também", se puder me ajude por favor.

    ResponderExcluir
  25. Nossa em meu blog havia um grande espaço mas consegui ajustar veja um exemplo: http://helodicasblogger.blogspot.com/2012/01/box-de-seguidores-do-twitter-no-blog.html?showComment=1328146678906

    Obrigado fabiano ajudou muito

    ResponderExcluir
  26. Oi denovo Fabiano, quando eu fiz isso o espaço da postagem depois do rodapé ficou um espaço em branco tambem, como se retira o espaço em branco depois da postagem ?

    Agradeço antes de ter a resposta a resposta

    ResponderExcluir
  27. veja aqui como achar erros nos códigos
    Achar e Resolver Problemas com Códigos HTML no Blog

    deve ser algum padding ou margin com valor alto.

    ResponderExcluir
  28. Fabiano, como eu retiro o espaço em branco de uma postagem pra outra da página principal, igual o seu?
    Abraço!

    ResponderExcluir
  29. isso depende muito do template, mas procure por padding e margin com valor alto..
    veja aqui como achar códigos: Como Encontrar Erros nos Códigos do Blog: HTML, CSS, Javascript

    ResponderExcluir
  30. Ainda não criei meu blog, mas pretendo trabalhar com um, e as dicas nesse post foram realmente muito didáticas! Meu objetivo é ganhar um dinheiro extra com programas de afiliados e num futuro próximo, alcançar a independência financeira.

    ResponderExcluir
  31. no meu blog ta aprcendo duas caixas de comentario oq eu faço? por favor responda

    ResponderExcluir
  32. Guilherme provavelmente tem o mesmo código repetido duas vezes tem que achar e apagar um deles

    veja o código que mostramos no tutorial no seu blog deve ter 2 iguais ou parecidos.

    faça um backup do seu template e tente apagar um dos códigos repetidos

    ResponderExcluir
  33. Não consigo fazer alterações no html do meu blog devido as novas alteração,
    por ex: não consigo expandir os modelos de windget
    tem como voltar ao modelo antigo?

    ResponderExcluir
  34. oi, como eu faço pra colocar os comentários do facebook como primeira opção e depois o do blog abaixo? grata.

    ResponderExcluir
  35. Jessica já procurei por esse assunto mas ainda não achei como colocar os comentários do facebook como primeira opção.

    sei que parece simples de fazer mas nos testes que fiz nenhum deu certo.

    ResponderExcluir
  36. o espaço não abaixa por nada, to desesperado

    ResponderExcluir
  37. tente usar o inspecionar elemento do firefox ou chrome para achar o que está gerando o espaço em branco, veja aqui:
    Como Encontrar Erros nos Códigos do Blog

    ResponderExcluir