Comentários do Google+ junto com os do Blogger

Há alguns meses o Google vem tentando atrair mais e mais os usuários Blogger para a rede Google+.
Recebi recentemente um email do Blogger (que é uma empresa integrante da gigante Google) sugerindo que eu incrementasse o uso do gadget Followers Google+ em meu blog.

O email em questão dizia que o blog poderia ter um alcance maior se ao invés do tradicional gadget Seguidores (aquele que a gente está habituado desde a época do finado Google Friend Connect) eu impulsionasse o uso do novo gadget Followers Google+.

Como tenho ambos instalados no meu blog achei melhor deixar como está. Eu gosto do meu gadget Seguidores, está comigo desde o primeiro dia do blog e vai continuar. Enquanto o Blogger deixar.

Mas o fato é que o Google+ (a gente lê Google plus) veio para ficar e ser parte dos nossos blogs hospedados no Blogger.

Recentemente foi lançada uma novidade: comentários do Google+ incorporados ao blog.
Eu testei, mas detestei porque a versão original permite que a gente use um ou outro: ou os comentários normais, que aparecem em nosso blog, ou os do Google+, que só aparecem em nossa página de perfil no Google+.

Veja onde o recurso se esconde:

Clicando em Google+ você verá que essa tela expande. Se marcar a caixinha Usar comentários do Google+ neste blog seus comentários tradicionais do Blogger não mais serão exibidos, nem mesmo a caixinha para comentar com o perfil Blogger, que ainda é usado por muitos leitores que não migraram seus perfis Blogger para o perfil Google+.

Clique aqui e aprenda sobre Resumo automático de postagens "Leia mais" no Blogger

E claro que perder a opção de receber e ler comentários do modo tradicional seria péssimo demais.
Então, nada recomendado.
Repito: não marque essa caixinha pois os comentários do blog deixarão de ser mostrados nas postagens.

Mas eis que na blogosfera inglesa (adaptado depois pela blogosfera hispânica)  surge um truque que permite usar ao mesmo tempo os comentários tradicionais do Blogger, inclusive mantendo as personalizações, e os comentários do Google+, com sua modernidade e maior alcance.

O recurso é muito similar aos comentários do Facebook usados junto aos do Blogger, já que na prática o Google+ é bem parecido com o Facebook. Inclusive já vi um blog sul-coreano que usa os 3 tipos de comentário: do Blogger, tradicional; do Google+ e do Facebook!

Clique aqui e saiba como usar os comentários do Facebook junto com os do Blogger

Mas vamos deixar de teoria. Vou te mostrar na prática como funciona.
Instalei o recurso em meu Portfólio.
Veja: http://portfolio.elainegaspareto.com/

Clique no nome de qualquer postagem e veja o recurso implantado.
Agora vamos aprender como inserir no seu blog?

Para começar ouça meu conselho: faça backup de seu template.
Ou faça antes em um blog de testes, ok?

Agora, mãos à obra:

Clique na aba Modelo e a seguir em Editar html.
Tecle Ctrl+F dentro da caixa de código e na barra de busca que abrir cole isso:

<b:include data='post' name='post'/>

Dê Enter para localizar e cole esse código abaixo da linha localizada:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style>#comments, #gpluscomments {display:none;} a.comentarios {margin: 10px auto; display:block;border:1px solid #58ACFA; background:#FFFFFF; text-align: center;font-size: 120%;}</style> <a class='comentarios' href='javascript:void();' onclick='$(&quot;#gpluscomments&quot;).slideToggle();'>COMENTE COM SUA CONTA GOOGLE+</a> <div id='gpluscomments'>  <div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='595' expr:data-href='data:post.url'/> </div> <a class='comentarios' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();'>COMENTE COM SUA CONTA BLOGGER</a></b:if>

 *Para copiar o código pare o mouse sobre ele e clique no primeiro ícone que surgir, algo semelhante a isso: <>. Daí abrirá uma janela com o código livre.

Você pode alterar onde está escrito COMENTE COM SUA CONTA GOOGLE+ e COMENTE COM SUA CONTA BLOGGER para o texto que preferir.
Também pode alterar as cores, que são definidas pelo código hexadecimal precedido do sinal #.
Pode alterar o tipo e o estilo das bordas, mudando onde está border.
Pode alterar o tamanho da fonte, trocando 120% pelo valor que desejar.

Caso tenha um pouco mais de conhecimento em CSS pode personalizar praticamente tudo, deixando de acordo com seu template!
Aqui no meu blog eu usei ícones ao invés de cor de fundo, mas requer um pouco mais de trabalho.
Por isso estou compartilhando o modo mais simples, ok?

Explicações finais (leia!)

1. Logicamente que o recurso só estará visível nas páginas das postagens, ou seja: quando alguém clicar para comentar ou clicar no título da postagem o recurso será exibido.
2. Testei em todos os modelos do Design de modelo do Blogger (menos nas Visualizações dinâmicas) e em todos deu certo.
3. Não testei em templates externos ao Blogger.
4. Quando o comentarista tem conta Google+ ele pode optar por comentar usando a conta Blogger mas daí o comentário não será postado em sua página de perfil do Google+.
5. Se o comentarista não tiver uma conta Google+ ele não conseguirá comentar usando essa opção.
6. Os comentários se repetem em ambas as opções caso o comentarista tenha perfil Google+ ativado mas tenha optado por comentar com sua conta Blogger. Apenas que nesse caso o comentário não será postado em sua página do Google+.
7. Comentários feitos usando a opção Google+ não podem ser numerados, mas se o blog tem os comentários numerados eles aparecem numerados na opção comentar com a conta Blogger.
8. Comentários feitos via Google+ não podem ser moderados mas podem ser apagados. 
9. Se desejar marcar alguém quando comentar usando a conta Google+ basta inserir um sinal de + antes do nome. Se quiser me marcar, Bem parecido com o Facebook.
10. Para que o recursos apareça é preciso que a postagem tenha ao menos 1 comentário feito com a conta Blogger.

 Agora a má notícia:
O recurso não funciona no Internet Explorer. Mas muitas coisas não funcionam nele...
Até agora não achei nenhum blog, nem em inglês nem em em espanhol onde o recurso funcione no IE.
Em compensação funciona perfeitamente no Chrome, no Firefox, no Safari e creio que também em versão mobile.

Sei que parece complicado, mas é muito simples e legal.
Leia até compreender tudo e sempre faça antes em um blog de testes, tá?
E quando instalar no seu faça backup antes. Sempre.

Aproveite para testar o recurso clicando no ícone do Google+ ao final do post. Claro, se você já tiver migrado seu perfil...
Senão, comente usando o ícone do Blogger.
Assim você vê que nada muda.

Conteúdo e matéria + Creditos: www.elainegaspareto.com