Como instalar o Threaded Comments, sistema de resposta em comentários no Blogger
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 == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 == "static_page"'>
<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 == "item"'>
<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.
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.
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…
No meu blog ainda não funciona.
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…
Muito obrigada pela atenção meninos!
Bom dia!
no meu blog naum funciona T.T
http://www.simsgaleria.com
No meu blog ativou automaticamente.
Imagina 🙂
parabéns pelo excelente blog e obrigada pelo elogios.
Como eu crio um css pra editar a parte dos comentarios de respostas pra poder deixar eles diferendtes dos outros
Edson,
Não tem nenhuma semana que lançaram o sistema, é normal ter erros.
Paulo, poderia tentar me ajudar com minha duvida…?
Ainda nada deu conseguir… =/
É melhor esperarem as mudas que serão feitas,e, só depois utilizarem……
Paulo, obrigado! É que sou mesmo um afoito. Abraços na alma.
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?
@Rodrigo,
você tem que configurar tudo novamente. Com um novo CSS de acordo com as novas DIVs.
abraços
Foi muito útil! obrigada!
@meaddaki,
Se você seguiu os passos acima, não tem erro. Se não funcionar é porque está em fase de testes.
abraços
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. =)
Susy,
tem esse bug também. Já procure uma solução e infelizmente não achei. =[
Nossa amigo perfeito, parabéns!
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ê.