Regras de comentários acima do formulário ao responder comentário no Blogger

O blogger lançou a opção de respostas nos comentários, porém, as regras de comentário ficam abaixo do formulário e, para quem responder a um comentário que fica mais acima pode acabar por não ver as regras porque elas estão mais abaixo e não acompanham o formulário quando ele aparece no local para a resposta. Para mim isso é um problema, porque, se as regras não forem respeitadas eu não publico o comentário, mas aí seria injusto com o visitante do blog que não leu as regras pelo fato de estarem abaixo da caixa de comentário. Para tentar 'corrigir esse problema' precisa mudar alguns códigos para que as regras fiquem acima do formulário de comentário(sempre), e vou mostrar quais os códigos que podem ser mudados e inseridos no HTML do blogger.

Atualização: O procedimento desse post não funciona mais após uma atualização que o blogger fez no sistema de respostas dos comentários, porém, fiz um post que mostra como usar Css para colocar as regras de comentários acima do formulário

Leia com atenção, porque não é algo muito fácil

Essa alteração é para quem usa a opção responder dos comentários, ou seja, para blogs onde aparece a opção Responder abaixo de cada comentário.

Os códigos eu testei em dois modelos de template num blog de testes e funcionou em todos os navegadores, mas no meu blog funcionou com os dois navegadores aqui mais usados, Mozilla Firefox e Google Chrome, mas com o Internet Explorer não, não sei se devido a versão de Html ou algum script conflitando, o que acho mais provável. Sendo assim, talvez a alteração não funcione para todos, mas acho que funcionará para a maioria, eu aconselho que copiem seu código de modelo e transfiram para um blog de testes e façam lá a alteração antes de aplicar ao blog original.

O procedimento abaixo causa problemas no Javascript atualizado pelo blogger.

Mudar código de regras de comentário no Blogger

Os passos abaixo são para serem feitos usando a versão de interface antiga do blogger, quem usa a nova interface atualizada, vá em Modelo e faça um backup de seu modelo antes de começar, depois, em Modelo >Editar HTML >Prosseguir e siga os passos abaixo a partir do passo 5, abaixo.
Muita atenção, os passos 10 e 11, nesses passos o código existe duas vezes no HTML(2 códigos iguais) e, os códigos são muito semelhantes, a diferença entre eles é que 2 trechos de códigos possuem style='display: none;' e os outros 2 não possuem, sendo assim, o total de substituições que você terá que fazer são 5.
1. Acesse o blogger.com, usando a interface antiga.
2. Clique em Design
3. Clique em Editar HTML
4. Faça um backup de seu código clicando em Baixar modelo completo
5. Marcar ou clicar em Expandir modelos de Widget
6. Localize os códigos abaixo:

   Dica: Para localizar use as duas teclas de atalho Ctrl F e use parte do código para localizá-lo

           if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
7. Com cuidado para não perder nem um caractere, substitua o código acima por esse:        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
          replybox = document.getElementById('rules-comments-form');
          if (replybox != null) {
            replybox.style.display = 'block';
          }
        }
8. Depois localize os códigos abaixo:      <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%'/>
9. O código acima pode existir até 2 vezes no Html, Substitua cada um deles por esse:<div id='rules-comments-form'>
      <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='280' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
10. Agora localize os códigos abaixo:      <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%'/>
11. O código acima pode existir até 2 vezes no Html, Substitua cada um deles por esse:<div id='rules-comments-form'>
      <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='280' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
12. Clique em SALVAR MODELO

Atenção, dos códigos acima, os valores height='410' pode ser diferentes de seu modelo, eles são referentes a altura do iframe que tem o formulário, nos códigos que disponibilizei para você alterar, eu já reduzi para 280, você pode reduzir até para 250, menos não, essa redução tira um espaço vazio abaixo do formulário de comentário.

• Ativar opção responder em comentários do blogger
• Adicionar botões para compartilhar em blogs do Blogger
• Trocar a página de perfil do blogger para página do Google+
• Colocar campo para comentário abaixo dos posts do blogger
• Mensagem de confirmação e boas vindas para novos seguidores do blog