Como colocar o Google Plus Fan Box (Seguidores do Google+) no Wordpress

Google Plus Fan Box

Como já comentamos no artigo Como colocar o Google Plus Fan Box (Seguidores do Google+) no Blogger, O Google acaba de criar um novo Gadget (tipo de widget do Blogger) denominado Seguidores do Google+, que como a caixa de Fãs do Facebook (Fan box), mostra as fotos (avatar) dos seus seguidores.

Como vimos, o Google Plus Fan Box é uma excelente forma para você divulgar a página do seu blog na rede social do Google, e se você tem um blog no WordPress.ORG, não poderá ficar sem esse widget. Veja como criar o seu a seguir…

Adicionando o novo Gadget Seguidores do Google+

1- Bem, primeiro você precisa ter uma conta no Google+. Se você ainda não possui uma, leia o artigo Google+ está agora aberto para todos.

2- Se desejar você pode criar uma página de fãs do Google Plus para o seu blog. Se você ainda não criou uma, leia: Como criar a sua Google Page – a página de fãs do Google +

3- Agora que você já tem um perfil no Google+ e uma página de fãs (opcional), basta copiar o endereço URL da página que desejar…

a) Para colocar sua página do perfil (clique em perfil na barra lateral e copie o endereço URL).

No nosso exemplo: https://plus.google.com/u/0/101932234297935981206

b) Para colocar sua página de fãs (clique em perfil na barra lateral e copie o endereço URL). Nosso exemplo:

https://plus.google.com/u/0/b/114784735838046551858/114784735838046551858

4- No código abaixo, substitua URL_Perfil/Página pelo URL que você copiou acima.

<div class="g-plus" data-action="followers" data-height="300" data-source="blogger:blog:followers" data-href="URL_Perfil/Página" data-width="300">
</div>
<script type='text/javascript'>
(function() {
window.___gcfg = {'lang': 'pt-br'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>

Para alterar a largura do widget, mude o valor data-height=”300” para o novo valor da altura desejado e data-width=”300” para o novo valor da largura desejada.

Agora é só copiar o código alterado e colocar seu Wordpress.org. (Para isso, leia o artigo: Como inserir Widgets no Wordpress sem a instalação de plugins)

Veja como ficou o nosso Widget Seguidores do Googe+ (Fan Box):

Abaixo, observe que usamos a página de Fans Visual Dicas e o meu Perfil no Google+:

Colocando o Google+ Fan box em qualquer site

Da mesma forma que mostramos anteriormente, você poderá copiar e colar o código do Google+ Fan Box em qualquer site ou postagem que aceitem código HTML e Javascript:

byALF