8

HTML-Como criar meu botao de compartilhar no FaceBook

Hoje dia 28 desenvolvi sem procurar nada como fazer um botão de compartilhar no FaceBook.
Nessa aula aprenderemos como fazer o botão em link e na imagem.
Em LINK:
1°Passo:VC Tem que saber o mais simples do HTML (necessário links)
Para fazer o botão de HTML no HTML abaixo vc irá encontrar essa área https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FENDEREÇO-DE-SEU-SITE
VC irá remover ENDEREÇO-DE-SEU-SITE e botará o endereço de seu site sem HTTP://.

HTML:

<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FENDEREÇO-DE-SEU-SITE">COMPARTILHAR</a>

Em Botão (Imagem):
1°Passo:VC Tem que saber o mais simples do HTML (necessário links e imagens)
Para fazer o botão de HTML no HTML abaixo vc irá encontrar essa área https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FENDEREÇO-DE-SEU-SITE
VC irá remover ENDEREÇO-DE-SEU-SITE e botará o endereço de seu site sem HTTP://.

HTML:

<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FENDEREÇO-DE-SEU-SITE"><img title="COMPARTILHAR" src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcTaqLb6GqjX8C93ZzJTSsnRM_zkCJUgsAacQr7fNZOrt-l0uTG_aw"></a>


A área do SRC vc pode mudar para o URL da imagem desejada.

Muito Obrigado, por ler minha aula !

8 Responses so far.

  1. Anônimo says:

    obrigado pela dica

  2. Unknown says:

    Foi o máximo, o mundo ainda funciona graças a pessoa como você

  3. Unknown says:

    muito obrigada deu certo

  4. No meu caso está dando um erro quando os fans clicam no link. Quando eu estou logado e faço o teste dá certo. Porém quando os fans clicam sobre o link não abre a tela de compartilhamento. Somente é possível abrir se os fans clicarem com o botão direito e mandarem abrir em nova guia. Aí dá certo!
    Vocês poderiam me ajudar?
    Grato

  5. Anônimo says:
    Este comentário foi removido pelo autor.
  6. Coloquei o código no local desejado do meu "site" e os botões apareceram e ao clicar a janela abre normalmente. O problema é que na janela não aparece o endereço da página.
    O que devo fazer? Tem alguma linha a ser colocada no Head?
    Estou rezando pra vc ler essa mensagem agora pq estou fazendo isso agora rs.
    Obrigada

  7. Anônimo says:

    Obrigada pela ajuda. De tão simples a gente não acredita que funcione.

▲ Topo