PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

15/12/2012

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

google-plus-in-wordpress2

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.

image

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.

image

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 +

image

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

pluswordpress2

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

pluswordpress4

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

image

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

image

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

9 comentários:

Arte no Corel disse...

Parceiro mais uma vez show de bola, coloquei no meu blog seguindo seu tutorial... PARABÉNS MAIS UMA VEZ... Outra coisa, as fotos de seu tutorial estou lá como exemplo rsrsrs vlwwwww, precisando conte comigo irmão, forte abraço Relbert

Jairo Grossi disse...

Senti-me no dever de agradecê-lo por esta. Eu queria colocar o gadget de Google+ Followers na sidebar do meu blog, que não é do Wordpress, mas sim do Blogger. Acontece que o gadget pré definido que o Blogger fornece não sei porque mas algumas carinhas dos meus seguidores ultrapassavam um pouco do lado direito do espaço reservado na sidebar. Eu queria personalizar as medidas para encaixar legal, mas o Blogger não permite isso, pelo menos pra mim que não entendo bulhufas de html. Então peguei o código que vc fornece aqui, coloquei a minha URL do Google+, fui no Blogger, gadgets (HTML) e.....Voilá! Agora pelo menos dá pra definir a altura (height) = 250 e a largura(width) = 300, que eu quero. Achei muito legal.

Obrigado por essa, colega.
Abraço

Gigio disse...

Eu tenho um Blog no wordpress com este endereço www.giovannipinto.worpress.com; e gostaria de colocar o Google Fan Box em meu Wordpress, só que não tenho domínio, o meu Wordpress é free. Teria como colocar o fan box do Google??? Caso souber onde tenho errado me avise, pois estou seguindo passo à passo as dicas de seu site. Grato Gigio...

byALF disse...

Olá Gigio,

No Wordpress.com (free) é necessário pagar uma taxa de U$ 30,00 por ano para ter esse recurso. No seu painel do seu Wordpress entre em Store e selecione "Design Personalizado" clicando em Compre agora. Depois de pago (via cartão de crédito ou PayPal), o recurso estará liberado para você utilizar HTML e CSS a vontade....

Se você não quiser dispor desse valor todo ano, utilize o Wordpress.org ou o Blogger...

Visual Dicas

@tabathalacerda disse...

Olá!

Eu botei a caixinha direitinho na lateral esquerda do meu blog e peço que olhem como ficou.

Link: www.naocontapraninguem.com

Acontece que as pessoas estão me seguindo e os avatares não aparecem e eu não sei quem me seguiu ou não! Eu inclusive me segui do meu perfil pessoal e também não apareceu meu avatar.

Gostaria de uma ajuda pois não entendo nada de Google+.

Obrigada!
Tabatha

Jane disse...

Estou com o mesmo proplema,
que as pessoas estão me seguindo e os avatares não aparecem
so 1 avatar aparece vc pode me ajudar por favor.

olhem como ficou.


http://downs-sims2-sims3.blogspot.com.br/

Unknown disse...

Muito bom!! Parabéns.

Unknown disse...

que chato que esse site aqui onde quer que a gente clique direciona para propaganda...fala serio ...nunca mais vou voltar...que coisa chata

Visual Dicas disse...

Olá Bellymaniacas,

O blog estava com um link quebrado que redirecionava tudo para http://quickdomainfwd.com/?dn=twitter-fanbox.com&pid=9PO755G95 ....

Já corrigimos o problema. Obrigado!!!

Abs.

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics