Como Adicionar o Botão Curtir do Facebook ao WordPress e Blogger

Depois de adicionar o botão de compartilhamento no Twitter, eu decidi adicionar também o botão “Curtir” (Like em Inglês) do Facebook aqui no CriarSites.com para que os visitantes possam indicar meus artigos para seus amigos no Facebook e assim aumentar as visitas.

Procurando pela internet, testei várias “soluções”, mas nenhuma delas funcionava corretamente em meu blog, até que me deparei com o artigo “Como adicionar o botão “Curtir” do Facebook ao seu site” que foi publicado no blog Top Rated, que mostra como fazer isso no WordPress e Blogger, que funcionou perfeitamente.

Se você também gostaria de adicionar o botão “Curtir” ao seu blog, prossiga da seguinte maneira.

No WordPress

Adicione o seguinte código em qualquer lugar do template que desejar, como após o título, após o conteúdo ou mesmo no menu de navegação.
Ps. Este código não funciona se for adicionado como Widget, tem que ser direto no template mesmo.

<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php the_permalink()?>&%0Alayout=standard&show_faces=false&width=380&action=like&colorscheme=light&height=25″ style=”border: medium none; overflow: hidden; width: 250px; height: 25px;” allowtransparency=”true” scrolling=”no” frameborder=”0″></iframe>

No Blogger

No Blogger o processo é um pouco diferente, mas funciona. Acesse o painel de controle, clique na aba “Design“, em “Editar HTML“, selecione a opção “Expandir modelos de Widgets” e procure pelo trecho “<data:post.body/>“.

Dica
Para procurar o trecho dentro da página, você pode sair olhando todo o código até ficar vesgo ou apertar as teclas “CTRL+F” para abrir o sistema de pesquisa que permite realizar buscas dentro da página.

Agora que você encontrou trecho, cole o seguinte código logo após ele e clique em “Salvar Modelo“.

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

Pronto, agora seu blog já estará exibindo o botão Curtir do Facebook e seus visitantes poderão compartilhar os posts de seu blog com seus amigos e você receberá mais visitantes.

Gostou deste artigo? Ainda tem dúvidas? Deixe um comentário.