Google +

Ultimamente o que vem repercutindo bastante são noticias sobre o Google +, a rede social mais nova da Google. Uma espécie de Facebook com video chamada em grupo (hangout) e gifs, pelo que eu entendi até agora, mas não vem ao caso.

É óbvio que blogueiros querem destaques e a possibilidade de interação das redes sociais ao seu blog, e como o assunto é Google +, nada melhor para integrar um blog à ele como o botão +1 da Google.

+1 O botão +1, modelo ao lado, funciona como um sistema de indicações, quanto mais indicações um link receber, mais relevante ele será para o Google. Mas esse sistema se limita à amigos, pois senão o Google iria virar uma festa.

Por exemplo, esse post recebe 10 indicações (+10), ele automaticamente é mais relevante que algum outro com +2. Mas se você não estiver logado no Google com sua conta, isso não fará diferença, pois a indicação só funciona no seu circulo de amigos, vale lembrar que o link não terá tanta relevância caso não tenha sido indicado por nenhuma amigo seu. Mas é claro que o Google pode mudar isso futuramente, ou já mudou e eu nem percebi.

Vamos lá, primeiramente você precisa de um código do AddThis, no meu caso o abaixo:



Ele equivale ao botão clássico com contador, onde a linha em azul é o botão do Facebook, e a linha em verde, o do Twitter.

Para adicionar o botão +1, basta adicionar o código abaixo depois de uma das linhas, dependendo da sua preferencia de ordem.

Um exemplo de como aplica-lo:


No exemplo eu coloquei ele abaixo do Twitter, ou seja, ele vai ficar depois do botão do Twitter, como na imagem:

AddThis

Deu pra entender né?

Provavelmente seu botão deve ter ficado pequenininho, mas não se assuste, a gente faz ele crescer fácil.

Para isso precisaremos adicionar uma variável na linha do botão +1. “g:plusone:size=””

Primeiro escolha o tamanho do botão apropriado para o seu  blog

mini

medium

tall

Agora, após selecionar o botão, coloque o seu tamanho equivalente na variável g:plusone:size=”, por exemplo, se escolheu o medium, vai ficar assim g:plusone:size=’medium’

E logo após, adicione antes esse código antes de fechar a variável que você tinha colocado antes, assim:

g:plusone:size=’medium’>

Adicione a código ao seu blog e depois teste. =)