Como inserir botão do Facebook e Google Plus
De Wiki V4
As redes sociais a cada dia estão mais presentes na internet. Se você participa de algumas destas redes e gostaria de inserir os botões do Google Plus (Google+) e o botão Curtir do Facebook em seu site, siga os passos abaixo para saber como fazer funcioná-lo de forma correta.
Botão "Curtir" do Facebook
Basta inserir uma caixa HTML da V3 no local desejado e colar o código abaixo substituindo o texto '''http://seusite.com.br''', pelo seu domínio.
|
<iframe src="http://www.facebook.com/plugins/like.php?href=http://seusite.com.br&;%0Alayout=standard&show_faces=false&width=380&action=like&colorscheme=light&height=25" style="border: medium none; overflow: hidden; width: 250px; height: 25px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe> |
Botão do Google Plus
Para utilizar o recurso "Google +1" em seu site, siga este passo-a-passo:
1) Copie e cole este código no bloco de notas do computador:
|
<html> <head> <style type="text/css"> html,body {background-color: transparent;} </style> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'pt-BR'} </script> <title>Teste PLUS</title> </head> <body> <g:plusone href="http://seusite.com.br"></g:plusone> </body> </html> |
2) Altere, no código, onde está escrito "seusite.com.br" para o domínio (endereço) do seu site;
3) Salve este arquivo com o nome que preferir, mas é importante que o nome termine com ".html". Por exemplo: "plus.html";
4) Abra o bloco de notas do computador novamente em branco e cole o código abaixo:
|
<iframe src='URL de sua página html' style='width:100%;height:100%' frameborder="0" scrolling="no"></iframe> |
5) Não precisa salvar este arquivo. Deixe ele em segundo plano, acesse seu site em modo de edição e envie o arquivo que salvou no passo (3) para o Gerenciador de Arquivos do site;
7) Ainda no Gerenciador de Arquivos, localize o arquivo que enviou na lista e copie sua "URL" (endereço do arquivo no site, que aparecerá logo abaixo da lista);
8) Volte ao bloco de notas, onde está o último código que você copiou e substitua onde está escrito "URL de sua página html" pela URL que você copiou do Gerenciador de Arquivos;
9) Copie este código inteiro e cole em uma caixa HTML em seu site, na página que deseja que o botão " 1" do Google apareça.
Observações:
Se você desejar exibir estes botões em todas as páginas de seu site, insira a caixa HTML na página fundo ou menu.
Para saber como inserir uma caixa HTML, veja este vídeo.