sábado, 15 de junho de 2013

Como adicionar a Like Box do Facebook no seu Blogspot/Blogger

O widget "like box" do Facebook é uma ótima forma de integrar o seu blog com uma das principais redes sociais da atualidade. O TechTudo já explicou como adicionar o botão "Curtir" do Facebook no blog. Agora, iremos mostrar como adicionar uma caixa onde, além do botão curtir, também são exibidas as fotos de perfil das pessoas que já curtiram sua página no Facebook. Acompanhe o passo a passo abaixo e confira mais esta dica.
Criando a Like Box
Passo 1. Acesse o link da página de criação da Like Box do Facebook.
Passo 2. Na caixa abaixo de "Facebook page URL", digite o endereço da sua página no Facebook.
Passo 3. Defina o tamanho desejado para a caixa do Facebook. É possível visualizar o resultado à direita.
Like Box do Facebook (Foto: Reprodução/TechTudo)Like Box do Facebook (Foto: Reprodução/TechTudo)
Passo 4. Em "Color Scheme", decida se a Like Box terá fundo branco ou preto (light ou dark, respectivamente).
Passo 5. Marque a opção "Show Faces" para exibir as fotos de perfil das pessoas que já curtiram a página.
Passo 6. A opção "Show stream" exibe as últimas publicações no Facebook. Desmarque-a se não deseja ativar esse recurso.
Passo 7. Marque a opção "Show header" para exibir a tarja do Facebook acima da caixa.
Código da Like Box (Foto: Reprodução/TechTudo)Código da Like Box (Foto: Reprodução/TechTudo)
Passo 8. Clique em "Get Code" e copie o código exibido na caixa "XFBML".
Adicionando a Like Box ao blog
Passo 9. Acesse a sua conta no Blogspot/Blogger.
Passo 10. No painel, clique em "Design" para abrir as opções de layout.
Passo 11. Escolha o local em que a caixa será inserida e clique em "Adicionar um Gadget".
Passo 12. Dê um título ao novo gadget e cole o código copiado no Passo 8 na caixa abaixo (conteúdo).
Inserindo a Like Box no Blogspot/Blogger (Foto: Reprodução/TechTudo)Inserindo a Like Box no Blogspot/Blogger (Foto: Reprodução/TechTudo)
Passo 13. Para que a Like Box seja exibida em português, altere o trecho "en_US" para "pt_BR".
Passo 14. Clique em "Salvar" e confira o resultado.

0 comentários:

Postar um comentário