Hoje é

Infor+

This is an example of a HTML caption with a link.

26 agosto 2011

Botão curtir do Facebook


Explicarei neste post como adicionar um botão no seu site de curtir no Facebook (Like button) que permitirá aos seus visitantes recomendarem seu conteúdo no Facebook.


1. Vamos configurar a forma como os dados do curtir apareceram no Facebook.
Insira o seguinte código entre o HEAD da sua página:

1
2
3
<meta property="og:site_name" content="Nome do seu site" />
<meta property="og:title" content="Titulo da página" />
<meta property="og:image" content="http://www.seusite.com.br/imagem.jpg" />
Na primeira meta tag você deve indicar o nome do seu site.
Já na segunda meta tag você deve indicar o título da página.
E na terceira meta tag você deve indicar uma imagem ilustrativa do seu site. Se for usar o botão em várias páginas diferentes do seu site você pode preferir usar algo mais prático, por exemplo, o logo do seu site.
2. Insira no local aonde deverá ser exibido o botão de curtir do Facebook:
1
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.seusite.com.br&layout=button_count&show_faces=false&width=80&action=like&font=lucida+grande&colorscheme=light" allowtransparency="true" style="border: medium none; overflow: hidden; width: 80px; height: 21px;" frameborder="0" scrolling="no"></iframe>
Em “http://www.seusite.com.br” indique o endereço do seu site.
Você ainda pode mexer nas propriedades de tamanho do botão (altere o width e o height).
Configure um botão no seu site de curtir (Like) no Facebook online
Se preferir você pode gerar um botão de curtir (Like) no Facebook totalmente customizado online:
http://developers.facebook.com/docs/reference/plugins/like

Nenhum comentário:

Postar um comentário

Traduza para sua Linguagem

Topo