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.
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:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=mardware"></script>
<!-- AddThis Button END -->
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.
<a class="addthis_button_google_plusone"></a>
Um exemplo de como aplica-lo:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=mardware"></script>
<!-- AddThis Button END -->
No exemplo eu coloquei ele abaixo do Twitter, ou seja, ele vai ficar depois do botão do Twitter, como na imagem:
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:
<a class="addthis_button_google_plusone" g:plusone:size='medium'></a>
Adicione a código ao seu blog e depois teste. =)
