Botão Curtir do Facebook no Blog ou Wordpress

Postado em terça-feira, 31 de julho de 2012 | Comments Off

Hoje vou ensinar como instalar o Botão Curtir no seu Blog. É simples, e não requuer conhecimentos avançados sobre Programação. Apenas seguir o tutorial passo a passo e se tiver algum problema leia denovo. Caso tente várias vezes e não entenda, poste algo que eu ajudarei.

Instalando no Blogger:

Acesse o painel de controle do seu blog e clique no link “Design” e depois “Editar HTML“. Em seguida marque a opção “Expandir modelos widgets” e procure pelo trecho abaixo:

<data:post.body/>

ABAIXO da linha mostrada acima insira o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p style='display: inline; float: right; margin-left: 5px'>

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

</p>

</b:if>

Salve as alterações.
Pronto, o botão do facebook será mostrado no corpo das postagens do seu blog, caso opte por exibir o botão em outro lugar adicione o código acima ABAIXO dos trechos sugeridos adiante:

<div class=’post-header-line-1′> (abaixo do título do post)
<div class=’post-footer-line post-footer-line-3′> (no rodapé do post)

Instalando no WordPress.org:

Escolha um local no tema do seu blog para incluir o botão e copie todo o código abaixo:

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

Recomendo que você adicione o botão no diretório “single.php” do seu wordpress, assim só será exibido quando um post for visualizado individualmente.