Este tutorial vai orientar-te na criação de um bagde da tua pagina do Facebook par poderes cocular no teu site, blog, etc.

Em primeiro lugar deves estar logado com a tua conta do Facebook.

Abrir a pagina do teu perfil onde é apresentado o teu mural. Podes usar o atalho à direita da barra de pesquisa:

ScreenHunter_149 Oct. 10 23.20

No canto inferior direito da imagem de capa devem clicar nas ‘reticencias’ e selecionar em ‘Adicionar badge ao teu site’ ou algo do gênero. Eu tenho o Facebook em inglês por isso a mensagem é apresenta em inglês. Em todo o caso será a terceira opção:

ScreenHunter_149 Oct. 10 23.23

Na nova janela clicar em ‘Editar Badge’:

ScreenHunter_150 Oct. 10 23.27

Na nova janela podemos personalizar o bagde selecionar os itens que queremos adicionar ao emblema. Depois é só clicar em Guardar/Save:

ScreenHunter_150 Oct. 10 23.28

 De seguida devemos selecionar o código para colar no website. Eu escolhi o “Other” ou “Outros” pois vou usa-lo para um blog WordPress.

ScreenHunter_150 Oct. 10 23.32

É só selecionar o texto na caixa e adicionar ao site. Abaixo mostro um dos resultados possíveis:

Tiago R. Domingues

Esta é uma boa opção para tornar mais pessoal e até mais interessante um blog ou site. Graças ás ferramentas que a Google disponibiliza é possível com poucos cliques criar um badge do nosso perfil do Google+ e em segundo coloca-lo no seu blog ou site.

Para poder  cria-lo, só terá que possuir uma conta Google e perfil no Google+. Agora vamos ao que interessa:

1. Aceda á página de developers da Google;

2. Nesta altura verá a tela a baixo. Se isto não acontece procure a secção “Badge“;

Google Badge

3. Escolhe o estilo. Tens duas opções…ou o formato “icone” ou o “Badge

google+ badgeGoogle+ icon

4. Escolhe o Layout;

Landscape – Versão simples com imagem de perfil e botão “Seguir”;

Portrait – Versão mais elaborada e completa com inclusão de fundo com imagens de cabeçalho do perfil Google+;

5. Escolhe a largura. Automáticamente a altura é ajustada, quanto maior largura maior altura e quanto menor largura menor altura.  Tem consideração o local onde vais colocar o conteúdo.

Largura

6. Escolhe um dos dois temas disponíveis;

7. Escolhe se queres ver a tua imagem de cabeçalho do teu perfil G+;

8. Activa ou não a opção de tagline;

9. Escolhe a língua com a qual queres que o bagde seja apresentado;

10. Selecciona o código criado e cole na pagina ou blog que desejar.

Code google badge

No WordPress pode colocar com o Widget>>Text, assim ele aparecerá na barra lateral do seu blog WordPress (poderá depender de tema para tema).

wordpress google+ badge

 

E damos a tarefa por concluída. Lamento que o menu de criação disponibilizado no Google Developers não permita escolher a cor de fundo, de modo a poder integrar melhor o badge com outros sites. Só existe a opção dos tema dark e light, que podem não enquadrar-se em algumas páginas. Se quisermos algo mais personalizado já temos que por as mãos no código da google e ir mais fundo.

Podes ver o meu exemplo na lateral do meu blog. 🙂