Como ativar o novo Threaded Commenting do Blogger em Templates customizados

O Blogger lançou uma novidade, mas parece que não está funcionando bem para todos os tipos de templates. O problema pode ser conflitos no CSS ou as vezes a simples falta de um trecho de código. É bom fazer testes antes para ver como seu blog vai reagir ao Threaded Commenting (Comentários em Níveis ou Alinhados, que permite responder comentários específicos). Vou mostrar aqui algumas soluções encontradas até o momento.

Se você ainda não viu a novidade do Blogger, recomendo que leia:

• Blogger agora suporta níveis de comentários – Threaded Commenting

Funciona exatamente como um sistema de respostas entre comentários, algo como o que temos aqui (só que nosso blog é no WordPress e o recurso é mais completo).

É altamente recomendável que você só siga os passos desse tutorial em seu blog principal depois de fazer testes e backups. Leia antes de continuar:

• Como criar um Blog de testes e de backup

Basicamente a equipe do Blogger recomendou apenas configurações básicas no painel do usuário para que o recurso funcionasse. Basicamente… mas não é assim para todos. De toda forma você precisará seguir os seguintes passos para ver se será o seu caso ou se precisará de algo mais.

Ativando o Threaded Commentig no Blogger

Vá ao apinel do seu blog, clique no menu “Configurações” ~> “Outros” e marcar a opção “Completa”, como na imagem abaixo:

Salve a mudança nesse menu.

Depois clique no menu “Configurações” ~> “Postagens e comentários” e marcar “Incorporado” para as opções de locais de comentários. Observe a imagem de exemplo abaixo:

Mais uma vez salve a mudança feita nesse menu.

Vá à página de seu blog e abra algum artigo/post que já tenha alguns comentários. Deverá aparecer abaixo de cada comentário um link com a palavras “Responder”. Algo como no exemplo da imagem abaixo:

Se isso já resolveu o problema e apareceu o recurso em seu template, ótimo. Seu blog não precisa de mais nada e você pode usar o recurso, inclusive pode informar seus visitantes dessa novidade para que eles saibam usar.

Obs. 1: Configurou, mas nada apareceu ~> Reverter modelos

É possível que, depois de fazer a configuração do painel recomendada pela equipe do Blogger, o recurso não apareça. Isso pode ser falta de um trecho de código HTML na estrutura geral do seu template. A primeira coisa a fazermos será um backup completo do código fonte do seu blog.

Clique no menu “Modelo” e você verá o botão “Fazer backup/restaurar”, no canto superior direito da tela:

Clique no botão e uma janela abrirá com a opção “Fazer download do modelo completo”. Escolha para baixar o arquivo XML do código fonte completo do seu blog.

Guarde bem esse arquivo, pois ele é a segurança de que, se algo der errado, você poderá restaurar sem prejuízo para seu blog.

Ainda no meu “Modelo”, clique no botão “Editar HTML”, para visualizar toda a estrutura do código fonte do seu blog.

Na janela que abrir você verá todo o código HTML que estrutura o seu blog. Não vamos mexer em nada ainda. O que vamos fazer é reverter o modelo. Isso é usado para que o código volte ao formato original. Funciona melhor nos modelos padrões do Blogger. Em modelos customizados, o que acontece é uma revisão do sistema do Blogger que procurará se algo importante no código está faltando par que todos os recursos funcionem como esperado.

Clique no link “Reverter modelos de widget para o padrão”, como demonstrado na imagem acima, salve o modelo e volte ao seu blog para ver o resultado.

Mais uma vez abra um artigo que tenha comentários e veja se o link “Responder” aparecer abaixo de cada comentário feito e se o recurso funcionará.

Pode ser que algum gadget suma, por conta da reversão, mas a estrutura geral do seu blog continuará funcionando. Se algo der muito errado, basta reverter o backup que você fez.

Se tudo der certo e o recurso funcionar, ótimo. Bom proveito e ensine seus visitantes a usar.

Obs. 2: Reverter não funcionou ~> Verificando os códigos

Pode ser que revertendo o modelo para que o próprio sistema do Blogger adicione o que falta, não funcionará e você terá de verificar manualmente a estrutura de seu código fonte para alterar algo, se for o caso.

Já aviso que, se depois dessa incorporação manual o novo modelo de comentários do Blogger não funcionar, recomendo que espere por mais algum tempo até que surja modificações e melhorias no recurso, já que o Blogger não fez o serviço direito (na minha opinião).

Também é importante lembrar que se faça o backup sugerido na Obs.1 antes de mexer no código do Blog. Além disso, pode ser que o recurso funcione e ative normalmente, mas algumas configurações de CSS sejam trocadas. Alguns testes que fiz chegaram a apresentar falhas como o desaparecimento das fotos/avatares nos comentários.

1. Abra o código fonte do seu blog, clicando no menu “Modelo” e no botão “Editar HTML”, como demonstrado numa das imagens acima.

2. Clique na opção “Expandir modelos de widgets” para que seja possível visualizar todo o código do seu blog.

3. Procure pelas seguintes linhas em seu código (use Ctrl+F no navegador para procurar por trechos e encontrar todo o código):

<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>

4. Se encontrar esse trecho exatamente como está aqui, então é sinal de que falta mesmo algo no seu código fonte para fazer o novo recurso de comentários do Blogger funcionar.

Mas pode ser que você não encontre isso ou que não seja exatamente assim. Se NÃO encontrar isso, veja se encontra algo como indicado no próximo passo desse tutorial.

Só siga o próximo passo se encontrar o trecho acima EXATAMENTE como indicado.

5. Caso encontre o trecho indicado no passo 3, então substitua-o por completo, colocando a seguinte modificação no lugar dele todo. Só tenha cuidado para não apagar nada extra em lugar algum:

<!--Novo código do modelo de comentário-->
<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>
<!--Novo código do modelo de comentário-->

6. Salve o modelo. Se não aparecerem erros, abra o seu blog, busque um post que tenha comentários e veja se apareceu o link “Responder” junto aos comentários e se tudo funciona perfeitamente.

Como disse antes, pode ser que algumas configurações como cores e estilos dos comentários não esteja como originalmente no layout do seu blog. Isso é porque o novo modelo de comentários do Blogger tem seu próprio estilo CSS que não é muito compatível com modelos customizados.

Ainda estou aprendendo como fazer tais mudanças e conservar o modelo CSS padrão dos blogs customizados.

Não resolveu o problema ou algo deu errado?

Se algo deu errado, restaure o backup que você fez. O melhor mesmo é fazer tudo isso em blogs de testes para não ter risco de danificar seu blog. Portanto, siga a recomendação do início desse tutorial. Restaurando o backup, seu blog volta a funcionar como antes.

Certifique-se de que seguiu todos os passos como indicado e que nada foi feito errado ou deixado de lado.

Fez tudo como indicado? Então é sinal de que seu modelo de template customizado – feito por por terceiros – não suporta o novo serviço do Blogger. Encontrei alguns templates assim e não há mesmo o que fazer. É questão de incompatibilidade dos códigos. Melhor desistir ou encontrar outro template mais moderno.

Caso você encontre outra solução que funcione, comente abaixo ara ajudar mais blogueiros.