Como colocar botão "Curtir" (Like) do FaceBook nos artigos do Blog [blogger e wordspress] Sáb maio 12, 2012 12:18 pm
blogsdox
ADMIN
Funciona tanto no Blogger (Blogspot) quanto no WordPress.
1. Para o Blogger (Blogspot)
Abra o painel e clique no menu “Layout” ~> “Editar HTML”, marcando a caixa “Expandir modelos de widgets”. Então procure pela seguinte linha:
<div class=’post-body entry-content’>
Imediatamente ACIMA, cole o seguinte trecho, sem modificar nada:
- Código:
<b:if cond='data:blog.pageType == "item"'>
<p style='display: inline; float: right; margin-left: 5px'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</p>
</b:if>
Salve o modelo e tudo já estará funcionando. Aparecerá o botão alinhado à direita do primeiro parágrafo de todos os seus posts, ocupando o mínimo de espaço, somente na página do artigo individualmente.
2. Para o WordPress.org
Mas se você tem um blog no WordPress.org (com hospedagem e domínio), o código é um pouco diferente.
Entre no painel, clique no menu “Aparência” ~> “Editor” e abra o arquivo do tema “Post único (single.php)”. Procure pela linha que indica o início do texto e cole o seguinte trecho:
- Código:
<div style="float: right; margin-left: 10px;">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</div>
Salve e já estará funcionando em todos os posts de seu blog.