Coloque o botão curtir do facebook no WordPress ou Blogger

_________________________________________________________________________________

Depois de incluir o botão de comprtilhamento dos meus posts no Twitter em quase todos os meus blogs, eu decidi incluir também o botão “Curtir” (Like em Inglês) do Facebook aqui no CriarBlog.com para que os visitantes indiquem meus posts também nesta rede social.

Vasculhando pela Internet, eu descobri várias “soluções”, porém nenhuma delas funcionou corretamente, até que encontrei o artigo “Como adicionar o botão “Curtir” do Facebook ao seu site” publicado no blog Top Rated, que ensina como adicionar o botão no WordPress e Blogger perfeitamente.

Se você usa o Blogger ou WordPress, confira estas dicas para deixar seus visitantes “Curtirem” seus posts.

No WordPress

Inclua o código abaixo no local em que deseja que o botão seja exibido, como abaixo do título, após o conteúdo ou no menu de navegação.
Ps. Por ser PHP, esse código não funciona se for adicionado em um Widget.

<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 – BlogSpot

No Blogger é um pouco diferente. Primeiro 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
Você pode sair olhando o código todo até ficar vesgo ou apertar as teclas “CTRL+F” para abrir o sistema de pesquisa do navegador que permite realizar buscas dentro da página.

Agora que você encontrou o trecho do código, cole o código abaixo logo abaixo e salve as alterações.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&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:40px;'/> </b:if>

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