Coloque o Google Plus Fan Box (caixa de fãs) no seu blog
byALF | 
segunda-feira, dezembro 26, 2011
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.
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 +
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.
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+
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
O ID é o número final, que no nosso exemplo é: 114784735838046551858. Agora é só copiar este número e colar no campo ID…
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].
Agora é só copiar o código e colar no seu blog. Mas atenção: O código é dividido em 2 partes.
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
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:
4 comentários:
Curtindo suas dicas. Parabéns pelo trabalho!
Gostei muito. Já adicionei na minha loja.
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
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