Postagens | Dicas blog, Imagem, Pc Windows

Problema das regras de comentário que ficam abaixo do formulário no Blogger

Mostrarei uma maneira de 'resolver' um problema do blogger na opção de resposta dos comentários, trata-se das regras de comentários que ficam abaixo do formulário de comentários, esse problema pode ser contornado usando Css, mais especificamente, usar uma imagem de fundo acima do formulário, essa imagem com as regras de comentário nela.

Eu estou usando esse procedimento em dois blogs e deu certo, porém, não é nada fácil de aplicar, precisa ler com atenção e conhecer seu blog, como ele está funcionando e o que funciona em outros navegadores, se você só usa um navegador, talvez nem esteja ciente do que ocorre, e, se seu blog tem poucos comentários ou você não se preocupa muito com o que os outros comentam em seu blog, acho que não vale a pena gastar seu tempo, até porque provavelmente o blogger vai resolver esse 'erro', aí, talvez você terá que remover o Script.

Usarei um JavaScript que irá 'inserir' um código Css entra as tags <head>, mas esse javascript será adicionado em um local que ele só atuará quando houver comentários e nas postagens, não mudando o peso da Home-page, é até simples, se tiver comentários no post, aí, o script adicionado 'virá no post' por meio do sistema do blogger, o script irá 'inserir' um Css no Html que irá mostrar a imagem de fundo com as regras para comentários, então, as novas regras, por meio de imagem de fundo, serão posicionadas acima do formulário ao ser respondido um comentário.

Devo retirar as regras de comentários padrão(texto)?

Não deverá retirar as regras de comentário que você inseriu usando o modo padrão do blogger, elas devem permanecer. Serão dois tipos de regras, uma usando imagem e a outra usando texto normal, frases.

As regras de comentário padrão irão ficar abaixo dos comentários, você se pergunta porque deixar as regras antigas, porque quando não existem comentários em uma postagem e no post redirecionado após comentar elas ficam onde deveriam, no Html também, e, o fato de, no Html elas estarem acima do formulário, isso deixa as regras padrão(texto) acessíveis a quem tem problema de visão e usa algum software para leitura de palavras, uma vez que eles não podem ler imagem.

Não sei se você percebeu, mas o problema ocorre após o primeiro comentário deixado no post, aí, as regras padrão de comentário 'aparecem' abaixo do formulário de comentário.

O javascript para regras de comentário em Css e imagem

regra para comentar e responder comentarios no bloggerFiz algumas imagens com fundo transparente e regras, quem quiser usar elas basta clicar nos nomes delas e copiar o endereço Url completo da barra de endereços do navegador.
Cor da letra preta
Ver imagem regra 1 grande(clique), altura 155px
Imagem regra 2 média altura 139px
Imagem regra 3 menor altura 125px
Cor da letra branca
Regras para respostas em comentario do blogger com letras brancasLetra branca é para quem tem modelo de layout escuro, e, ao visualizar as imagens do link abaixo talvez você não verá as regras porque seu navegador pode ter a mesma cor de fundo que as letras da imagem, mas em blog com fundo escuro elas aparecem.
Imagem regra 1 grande(clique) altura 155px
Imagem regra 2 média altura 139px
Imagem regra 3 menor altura 125px

Com cuidado para não remover ou colocar outros caracteres, você pode substituir o Url(que deixei em azul) que está no código JavaScript abaixo por uma dessas acima ou publicar sua imagem com regras escritas e copiar o Url dela.
JavaScript pra "mudar lugar" das regras de comentários
Nós temos que conhecer nosso blog/site em outros navegadores, já vi que em alguns blogs a opção de responder não funciona com o navegador Internet Explorer(IE), isso ocorre com as regras também, você precisa saber se as regras ficam acima do formulário nesse navegador, sendo assim, se em seu blog as regras para comentar sempre ficam acima do formulário ao usar o IE, aí, apenas para o IE, seu blog não poderia usar o script para não aparecer uma regra acima da outra com o IE, mas você pode usar o script abaixo que tem a tag que 'bloqueia' ele para o IE, mas funciona nos outros navegadores:
<comment><script type='text/javascript'>
var ouy=document;
var regracima=ouy.createElement('style');
var recss='.comment-replybox-thread #comment-editor,.comment-replybox-single #comment-editor{background-image: url(http://3.bp.blogspot.com/-dsiv_HKvh1Y/TzIGJpNsdbI/AAAAAAAAF-o/UQ8yzt1rqUM/s1600/regra-resposta-3.png);background-repeat: no-repeat;background-position:0px 0px;padding-top:125px}';
regracima.setAttribute('type','text/css');
if(regracima.styleSheet){
regracima.styleSheet.cssText=recss;
}else{
var oucss=ouy.createTextNode(recss);
regracima.appendChild(oucss);};
var ondcss=ouy.getElementsByTagName('head')[0];
ondcss.appendChild(regracima);
</script>
</comment>
Javascript para "mudar lugar" de regras do comentário
Se ao acessar seu blog com o IE e as regras de comentário ficam abaixo do formulário, aí você pode usar o script abaixo sem as tags que bloqueariam ele para o IE, assim o script funcionará para os 3 navegadores mais usados, IE, Google Chrome e Mozilla Firefox:
<script type='text/javascript'>
var ouy=document;
var regracima=ouy.createElement('style');
var recss='.comment-replybox-thread #comment-editor,.comment-replybox-single #comment-editor{background-image: url(http://3.bp.blogspot.com/-dsiv_HKvh1Y/TzIGJpNsdbI/AAAAAAAAF-o/UQ8yzt1rqUM/s1600/regra-resposta-3.png);background-repeat: no-repeat;background-position:0px 0px;padding-top:125px}';
regracima.setAttribute('type','text/css');
if(regracima.styleSheet){
regracima.styleSheet.cssText=recss;
}else{
var oucss=ouy.createTextNode(recss);
regracima.appendChild(oucss);};
var ondcss=ouy.getElementsByTagName('head')[0];
ondcss.appendChild(regracima);
</script>

    Inserir no blogger um Javascript para nova regra de resposta

    Antes de começar a mexer no seu HTML, você deve baixar o modelo completo, para isso faça uma cópia de seu código, clique aqui para ver como
  1. Acesse o blogger.com, usando a interface antiga.
  2. Clique em Modelo
  3. Clique no botão Editar HTML
  4. Aparecerá uma mensagem, clique no botão Prosseguir
  5. Marcar ou clicar em Expandir modelos de Widget
  6. Localize os códigos abaixo:<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

  7. Exatamente abaixo do código que você localizou pode adicionar um dos Scripts que indiquei acima
  8. Clique em Salvar modelo
No Script acima, eu deixei alguns números em vermelho, o 125 que tem logo após padding-top é a altura necessária para caber a imagem de fundo com as regras, a imagem que usei tem essa altura, se você optar por outra imagem deve descobrir a altura dela e mudar aquele número, e, depois eu deixei em vermelho dois números zero, são o alinhamento da imagem de fundo, o primeiro zero(0) que tem logo após background-position: é o alinhamento esquerdo, aumentando esse valor leva a imagem mais a direita e depois tem outro zero, aquele é o alinhamento do topo e se aumentar ele 'empurra' a imagem para baixo, mas, se a imagem for mais para baixo talvez você tenha que aumentar aquele primeiro número do padding-top.

Qualquer imagem que você usar, precisa ver que a largura dela(ou das regras) não deve ser maior que a largura do post, deve ser uns 80px menor porque ao responder a largura do formulário diminui.

Abaixo algumas regras que eu sugiro e que as pessoas deveriam respeitar para não prejudicar um blog, não tornar feio aos outros leitores, não tomar o tempo dos outros com coisas irrelevantes ou que não tenha muita relação com o tema abordado, e para não passar uma impressão ruim sobre si mesmo.
    Regras para comentar:
  • Faça comentário com relação ao tema abordado
  • Não insira Link ou endereço e Url de blog/site
  • Pode opinar e discordar, sem agredir os outros
  • Evite erro de ortografia e texto em maiúsculas
  • Comentário reflete sua opinião. Desde já, Obrigado!

2 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Funcionou direitinho no meu blog, obrigado amigo pelo excelente post, muito explicativo, está de parabéns.

    ResponderExcluir

→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