Facebook – Like Button

O Botão 'Like' permite ao utilizador partilhar o conteúdo com amigos do facebook. Quando o utilizador clica no botão do site, a informação de que ele gosta daquele conteúdo aparece no perfil do utilizador, a dizer que ele gosta daquele conteúdo.

Para inserir o link no site basta ir á página:

Like Button - Facebook Developers

Escolhe-se o Url do site onde queremos por o botão like, costumizamos o botão e geramos o código.

Depois de gerar o código, aparece uma caixa com o código de uma iframe e o código do XFBML, é preferivel utilizar o código da iframe, porque o outro não funciona bem nalguns browsers.

Exemplo:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhtml-css-jquery%2Eblogspot%2Ecom%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

Nota: Algo que têm que ter em atenção quando inserimos o link da página e geramos o botão, temos depois que substituir o '.' por %2E, ou seja

Aparece assim: http%3A%2F%2Fhtml-css-jquery.blogspot.com
E temos que por assim: http%3A%2F%2Fhtml-css-jquery%2Eblogspot%2Ecom

senão pode dar erro.

Para mudar a língua do botão basta inserir isto ao link: &locale=de_DE e o botão ficará, neste caso, em alemão. Se esta propriedade não for incluida, o botão ficará com a língua que o browser tiver.

Exemplo:


<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhtml-css-jquery%2Eblogspot%2Ecom%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21amp;amp;locale=de_DE" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>