Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1490295728
Vida do cache: 1490554928
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Blogger Comentários

Como instalar o Threaded Comments, sistema de resposta em comentários no Blogger

O Blogger lançou recentemente um novo sistema de comentários para a plataforma. Agora é possível responder comentários, criando uma grade de conversação em cada comentário.

O sistema ainda é novo e ainda contém alguns bugs, todavia se for corrigido o principal bug com um script que vou ensinar, é possível usar o Threaded Comments sem maiores problemas.

Também devo avisar que a maioria dos estilos CSS dos seus comentários serão perdidas, ou seja, vai mudar um pouco ou completamente a forma que é exibido os comentários em seu blog. Uma nova configuração CSS deve ser feita caso você queira fazer alguma alteração no layout dos comentários.

Para ativar o novo sistema em seu blog, siga o tutorial:

Faça backup do template (Fazer backup / Restaurar), caso aconteça algum erro ou você não goste do novo sistema, é só você voltar o código antigo.

1) Faça login no Blogger, entre em “Configurações” -> “Postagens e Comentários”. Em “Local do comentário” escolha a opção: “Incorporado”. Depois clique em “Salvar Configurações”.

Entre em alguma postagem sua com comentário e veja se a opção de responder comentários foi ativada. Caso ainda não apareça em seu blog, continue o tutorial. Se já apareceu em seu blog vá para a parte de correção do sistema logo no final da postagem.

2) Agora entre em “Modelo” -> “Editar HTML”. Marque a caixa “Expandir modelos de widgets”.

3) Procure (Ctrl + f) por:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

Obs.: Em alguns templates o código acima vai ser encontrado mais de uma vez, substitua todos pelo código abaixo. 

4) Substitua o código encontrado por:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>


Código inserido no template

5) Salve as modificações em “Salvar modelo” e acesse uma postagem que já tenha um comentário, veja se o botão “Responder” foi inserido. Caso sim, prossiga.

Correção do bug rolagem (scroll) da tela

Esse problema acontece no Firefox e Internet Explorer em postagens que já contém comentários. Ao clicar no título de uma postagem, a postagem é carregada e a tela é deslocada para baixo, em vez de ir para o topo da página.

Uma solução provisória até que o Blogger solucione o problema foi desenvolvida pelos meus amigos, Claudio Sanches e Fernando Jorge do Ferramentas Blog.
Ainda em edição do seu template (Editar HTML) cole o seguinte código ANTES de </head>:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
document.body.onload = window.onload = function() {
var links = document.getElementsByTagName('a');
var h = window.location.hash.substring(1);
var cont = true;
for(var c=0;c<links.length && h && cont;c++){
if(links[c].name == h){
var x = links[c].offsetLeft,y = links[c].offsetTop,el=links[c].offsetParent;
while(el){
x += el.offsetLeft;
y += el.offsetTop;
el = el.offsetParent;
}
window.scrollTo(x, y);
cont = false;
break;
}
}
if(cont || !h){
window.scrollTo(0,0);
}
};
//]]>
</script>
</b:if>

Salve as modificações.

É possível que você encontre outros bugs, mas garanto que o Blogger logo vai solucionar os problemas encontrados.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

20 Comentários

  1. @meaddaki disse:

    Olá, testei em meu blog – http://www.powerbr.in

    Porém o mesmo até onde parece, já possuia esse codigo. entao eu fui e atualizei pelo seu. e mesmo assim. não aparece a opção de Responder nos comentarios. (O mesmo está incorporado na pagina)

    Uso o blog in draft… e até agora nada…

  2. Mack Injection disse:

    No meu blog ainda não funciona.

  3. Edson F. disse:

    Acabei de cliar no título do post/artigo e fui redirecionado para o fim da página. Utilizo o Chrome. Penso que estes bugs estão mais sérios do que imaginávamos. Postagens com mais de 200 comentários também estão apresentando problemas em 'mostrar' do 201º em diante. E o blogger cadê. Estou totalmente desanimado e pensando que nos abandonaram…

  4. Giovana Paola disse:

    Muito obrigada pela atenção meninos!
    Bom dia!

  5. Matheus Santana disse:

    no meu blog naum funciona T.T
    http://www.simsgaleria.com

  6. Pedro disse:

    No meu blog ativou automaticamente.

  7. CandyReis disse:

    Imagina 🙂
    parabéns pelo excelente blog e obrigada pelo elogios.

  8. Marcos Danilo disse:

    Como eu crio um css pra editar a parte dos comentarios de respostas pra poder deixar eles diferendtes dos outros

  9. Paulo Estevão disse:

    Edson,
    Não tem nenhuma semana que lançaram o sistema, é normal ter erros.

  10. @meaddaki disse:

    Paulo, poderia tentar me ajudar com minha duvida…?

    Ainda nada deu conseguir… =/

  11. TODOS BRASILEIROS disse:

    É melhor esperarem as mudas que serão feitas,e, só depois utilizarem……

  12. Edson F. disse:

    Paulo, obrigado! É que sou mesmo um afoito. Abraços na alma.

  13. Rodrigo Santos disse:

    Minha caixa de comentário tá toda arrumada. Bordas, background, o link do autor e a data alinhados… mas quando eu modifico o código do html fica tudo desconfigurado… vc sabe como resolver isso?

  14. Paulo Estevão disse:

    @Rodrigo,
    você tem que configurar tudo novamente. Com um novo CSS de acordo com as novas DIVs.

    abraços

  15. Viver Bela disse:

    Foi muito útil! obrigada!

  16. Paulo Estevão disse:

    @meaddaki,
    Se você seguiu os passos acima, não tem erro. Se não funcionar é porque está em fase de testes.
    abraços

  17. Susy disse:

    Oi Paulo!
    Você sabe como faz para mudar a "data e hora" desse novo sistema de comentário? A configuração no blog está correta, só que com esse "Threaded Comments" a data e hora ficam erradas.

    Desde já, agradecida pela atenção. =)

  18. Paulo Estevão disse:

    Susy,
    tem esse bug também. Já procure uma solução e infelizmente não achei. =[

  19. Nossa amigo perfeito, parabéns!

  20. Paulo,vou tentar colocar no meu site.
    Estou usando template mínima não tem a opção responder comentários.
    Quando retiro a palavra disse some as fotos ou avatares de quem comentou.
    Se não der certo vai ficar com o disse mesmo.
    O template é lindo mas não está atualizado.
    Obrigada por partilhar.
    Sucesso para você.

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.