Felipe Silveira – Blog

Blog do Felipe Silveira Mendes

[PHP/HTML]Adicionar o botão Curtir do Facebook no seu site.

Para adicionar o botão de curtir do facebook no seu site é simples basta adicionar o código abaixo, e fazer as alterações, logo em seguida irei explicar.Lembrando que há outras formas de adicionar o botão mais são mais complicadas e para outros objetivos, essa é a mais simples e mais usada.

Exemplo do botão 1:

Codigo:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://felipems.com.br/blog/?p=88&send=true&layout=standard&width=300&show_faces=true&action=like&colorscheme=light&font&height=80" frameborder="0" style="border:none;" scrolling="no" width="320" height="240"></iframe>

Explicação:

O Botão Curtir nada mais é do que um Iframe que chama uma API do facebook para fazer a contagem.Ou seja você pode personalizar o Iframe da forma que quiser.
No src do Iframe temos um link do facebook que é o link a API, no parâmetro href devemos colocar a URL do site que queremos no caso “curtir” então fica assim:

<iframe src="http://www.facebook.com/plugins/like.php?href=>>URL do Seu<<site&amp;send=true&amp;layout=standard&amp;width=300&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:30px;" allowTransparency="true"></iframe>

Para mudar para o layout do botão e coloca-lo apenas como contador basta trocar o parâmetro layout, tem o layout na vertical e na horizontal respectivamente box_count e button_count ficando assim:

Vertical:

Codigo:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://felipems.com.br/blog/?p=88&send=true&layout=box_count&width=300&show_faces=true&action=like&colorscheme=light&font&height=80" frameborder="0" style="border:none;" scrolling="no" width="320"></iframe>

Horizontal:

Codigo:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://felipems.com.br/blog/?p=88&send=true&layout=button_count&width=300&show_faces=true&action=like&colorscheme=light&font&height=80" frameborder="0" style="border:none;" scrolling="no" width="320"></iframe>

Essa dica é bem simples, não tem muita dificuldade não mas qualquer dúvida deixem um comentário.


Categorised as: PHP


One Comment

  1. Igor says:

    O botao curtir está ignorando os parametros da url. Como faço para ele pegar a url correta?

    preciso curtir http://mysite.com/visualizar_foto.php?img=29&user=1&xx=

    mas está curtindo http://mysite.com

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>