Botão Curtir do Facebook no seu Blog

  O Facebook é uma excelente ferramenta de divulgação, a cada dia o número de usuários aumenta e a facilidade de divulgar no facebook têm chamado a atenção de muitos.

    Com o botão "Curtir" em suas postagens, a divulgação do seu link fica muito facilitada, porque é uma ferramenta prática e já é quase um vício o usuário do Face que quando gosta de alguma coisa clica no botão "Curtir".

Esse Tutorial irá mostrar como você adiciona esse botão em suas postagens (ou em sua página).

• Entre no painel do blogger
• Clique em design
• Clique em Editar HTML
• Marque a caixa expandir modelos de widgets
• Procure o código abaixo

<data:post.body/>

(para procurar o código facilmente digite Ctrl+F e cole o código acima)

 

• Copie logo ABAIXO do código anterior:

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Opções

Se quiser que ele apareça ao lado do título do post, cole o código ABAIXO dessa linha:

<div class='post-header-line-1'/>

Para que apareça as fotos das pessoas que Curtiram, você deve altera o código:

• show_faces: de false para true
• e a altura de 40px para 80px

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:80px;'/>

 

Veja como fica o botão curtir com foto:

Clique no Botão Visualizar e veja como ficou. Depois clique em SALVAR.