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://seu_site.com.br''', pelo seu domínio.

<iframe src="http://www.facebook.com/plugins/like.php?href=http://seu_site.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://seu_site.com.br"></g:plusone> </body> </html>


2) Altere, no código, onde está escrito "seu_site.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.

Acessos
Ferramentas pessoais