Busca

Carregando...

terça-feira, 22 de fevereiro de 2011

Como tirar espaço branco sob formulário de comentários do Blogger

Esta dica é para quem usa o formulário de comentários embutido no post. O mesmo procedimento poderá ser usado para fazer o contrário: aumentar o espaço em branco ou remover uma barra de rolagem indesejada em volta do formulário.

Por padrão, a altura (height) do frame onde é postado o comentário vem com 410 pixels. Se seu blog apresentar um espaço em branco sob o formulário é porque esse valor pode ser diminuido até melhor se ajustar. Se o formulário de seu blog apresentar barra de rolagem ou parecer espremido, você pode aumentar essa altura.

1º passoVá até Design » Editar HTML e marque a opção Expandir modelos de widgets:

Expandir modelos de widgets

2º passoProcure a parte do código idêntica ou muito parecida com a seguinte:

<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%'/>

Eu destaquei as duas partes para você ficar atento, porque elas são parecidas, mas não são iguais. O primeiro <iframe> não nos interessa. Ele é invisível por causa do código style='display:none'. Foque na segunda parte destacada.

3º passoMude o valor de height apenas no segundo <iframe>. O tamanho ideal vai depender da sua fonte, do texto que você colocou no formulário e até da largura do seu template, por isso não tem como eu dizer qual é o número ideal.

Se não sabe por onde começar, recomendo que teste com 200 pixels e vá ajustando para mais ou para menos de acordo com a necessidade. Com essa mudança, a segunda parte destacada do código fica assim:

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='200' id='comment-editor' name='comment-editor' src='' width='100%'/>

Via de regra, para ver o formulário de contato você precisa estar em um post ou uma página, por isso você vai usar o botão Visualizar só para saber se o código não está errado. Para ver como ficou você vai precisar usar o botão Salvar e em seguida clicar F5 estando, é claro, em uma página do blog que contenha o formulário de comentário.

:: Exemplo ::

No blog Beleza Tem Cheiro eu fiz esse ajuste recentemente. Diminui o tamanho da altura do formulário de 410 para 210 pixels. Observe a diferença.

► Antes:
Antes
► Depois:
Depois

Até mais!

Posts relacionados