Postagens | Dicas blog, Imagem, Pc Windows

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
Regras de comentário acima do formulario, rules of answers in the comments above reply boxes
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.

5 comentários:

  1. Oi, preciso de uma ajuda!

    Não estou conseguindo colocar a opção "responder" no meu blog. Me ajuda? Meu blog é esse www.desejosdemenina.com.br eu queria que tivesse a opção igual nesse aqui http://breakfastatlores.blogspot.com.br/2011/12/novidade-no-breakfast-at-lores.html

    obrigada desde ja

    ResponderExcluir
    Respostas
    1. No começo do post eu coloquei um link para outro post que mostra como colocar a opção de resposta nos comentários, mas, pode clicar aqui, provavelmente se você fizer os passos do post que indiquei vai dar certo.

      Excluir
    2. Oi boa tarde!

      Não deu certo ://

      Excluir
    3. Seu modelo está sem as atualizações necessárias do blogger, eu dei uma olhada nele e percebi que a área dos comentários tem códigos de modelos antigos, antes dessas atualizações que o blogger fez para a opção de respostas funcionar, falta também um Javascript para a opção de respostas nos comentários, infelizmente isso fica muito difícil de corrigir, existe uma maneira, leia como atualizar e corrigir modelos do blogger, use um blog de testes com seu modelo para fazer o procedimento e ver o que vai funcionar e o que não funcionará, isso porque, se seu modelo tem muitos scripts incluídos diretamente no HTML, esses poderão ser apagados e algumas coisas que não são comuns ou padrões do blogger podem não funcionar, em contrapartida as coisas novas que o blogger lançou provavelmente irão funcionar. Só testando para saber.

      Excluir
    4. Muuuito obrigada, vou dar uma olhada e testar!

      Excluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares