segunda-feira, 21 de março de 2016

Colocando botão do Facebook no blog ou site

     Vamos mostrar de forma clara e objetiva como colocar o botão curtir do Facebook (ou caixa) no seu site ou blog.
     É simples, veja:

1- Entre no link do Developers Facebook; se vc quiser apenas o botão curtir, clique em Like Button do lado esquerdo. Copie a URL do seu site ou blog na caixa abaixo. Clicando em Layout você tem as opções de modelos do botão que será exibido no seu site; observe que será mostrado o modelo na caixa abaixo.
2- Depois de escolher o modelo, clique em "Get Code" para gerar o código;

3- Abrirá uma janela exibindo dois códigos para você copiar. Copie, com o botão direito do mause, o primeiro código exibido;

4- No seu blog, vá em "Layout" e adicione o Gadget "HTML/Java Script";

5-  Cole o código na caixa "Conteúdo" e salve;

6- Agora volte no Developers e copie o segundo código;

7- Volte ao seu blog e adicione outro Gadget HTML/Java Script como mostra a etapa 4 e 5.  
     
     Você agora pode entrar na página do seu site e irá observar que o botão curtir do facebook já está lá.
     Mas se caso você queira uma caixa do Facebook ao invés de um pequeno botão, entre novamente no Developers Facebook em "Page Plugin".
► Copie a URL da sua página embaixo onde está escrito "Facebook Page URL";
► Onde aparece escrito Tabs vai estar marcado "Timeline", recomendo que você apague para a caixa não ficar muito grande. Observe que abaixo fica sendo exibido como será sua caixa;
► Em Width é pra mudar o tamanho da caixa, caso você queira, digite números entre 180 e 500, ou deixe em branco;
► Logo abaixo você verá quatro opções ( Use Small Header, Hide Cover Photo, Adapt to plugin e Show Friends Faces), marque as que você preferir e observe como está ficando a sua caixa abaixo;


► Depois de configurar, clique em "Get Code" para gerar o código e repita as etapas 3,4,5,6,7 para adicionar a caixa do Facebook no seu blog. (na etapa 5 você pode colocar um título da sua caixa caso queira, exemplo: "Encontre-nos no Facebook).

     Agora abra seu blog e observe já está sendo exibido a sua caixa curtir do Facebook nele:


Pronto! Agora a sua página do Facebook está conectada com o seu site!

(assista em vídeo)

Nenhum comentário:

Postar um comentário

Observação: somente um membro deste blog pode postar um comentário.