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

Encontre no blog...

26/12/2011

Coloque o Google Plus Fan Box (caixa de fãs) no seu blog

googleplus

Página de Fãs (Fan Page) do Google+ (Plus)

O Google Plus Fan Box (caixa de fãs) é um espaço parecido com o do Facebook que mostra as fotos e o número dos seus seguidores ativos no Google +. Além disso, o Google Plus Fan Box é uma excelente forma para você divulgar a página do seu blog na mais nova rede social 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- Depois você precisa 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

Criando o seu Google Plus Fan Box

Como no Facebook, você agora poderá incluir no seu blog uma caixa de fãs (fan box) que mostra seus seguidores e botão para que novos seguidores circulem na sua página.

Para isso, acesse o link: Coloque o Google Page no seu blog

No campo com a seta, coloque o [ID] da Página de Fãs do seu Blog.

ATENÇÃO: Não é válido o ID da sua conta pessoal. Só é válido para Páginas do Google+

image

Para você identificar o ID da sua Página de Fãs, basta acessar a sua página do Google+ e copiar o código:

Veja a Página do Visual Dicas: https://plus.google.com/u/1/b/114784735838046551858

image

O ID é o número final, que no nosso exemplo é: 114784735838046551858. Agora é só copiar este número e colar no campo ID…

image

Defina o tamanho da caixa, [Standart badge] ou [Small badge] (não existe opções para dimensionar a largura do fan box, o que é um problema para layouts com dimensões reduzidas do sidebar).

Depois rode a página e defina o idioma em [Language] e marque [HTML 5 valid syntax]…

ATENÇÃO: Para rodar no Blogger, recomendamos que desmarque a opção [Asynchronous].

image

Agora é só copiar o código e colar no seu blog.  Mas atenção: O código é dividido em 2 partes.

image

A primeira parte deverá ser colada abaixo do trecho do código fonte <head>.

Veja o exemplo da nossa página abaixo…

<!-- Place this tag in the <head> of your document -->
<link href="https://plus.google.com/114784735838046551858" rel="publisher" /><script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'pt-BR'}</script>

A segunda parte deverá ser colada onde você deseja mostrar a sua caixa de fãs, dentro de um widget (Como instalar um Widget no seu Blog -(Blogger) e Como inserir Widgets no Wordpress sem a instalação de plugins)…

Veja o exemplo do código da página do Visual Dicas:

<!-- Place this tag where you want the badge to render -->
<div class="g-plus" data-href="https://plus.google.com/114784735838046551858" data-size="badge"></div>

Veja agora como ficou a nossa Caixa de Fãs Visual Dicas na lateral do nosso blog.

Obs.: Para inserir o widget ADICIONE-ME NO GOOGLE+, leia Coloque o Google+ (Google Plus) no seu blog

image

Aproveite e ajude o Visual Dicas. Clique no botão +1, que aparece na lateral do blog, e faça Visual Dicas ficar mais visível no Google… Muito Obrigado!

por byALF 


Leia também:

Coloque o Google+ (Google Plus) no seu blog

4 comentários:

EXPEDITO GONÇALVES DIAS disse...

Curtindo suas dicas. Parabéns pelo trabalho!

Anônimo disse...

Gostei muito. Já adicionei na minha loja.

Arte no Corel disse...

Obrigado amigo belo tutorial, fiz tudo desde o começo de criação de página até o final e deu tudo certo. Já adicionei o código em meu blog tudo perfeito. Obrigado e parabéns pela postagem. Abraço Relbert

Unknown disse...

Olá, recentemente criei uma versão para o Google Plus do Facebook Like Box, onde além dos fãs, também são mostrados as últimas 5 postagens no seu perfil ou página.

Você pode configurar e pegar o código aqui: http://bit.ly/gplusbox

Att/

Igor Musardo
http://musardos.com.br

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