30 de julho de 2010

Como adicionar um botão "Curtir" do Facebook no Blogger

Falando em redes sociais, vamos acompanhar um roteiro de instruções para adicionar o botão "Curtir" do Facebook no rodapé de cada post. Eu prefiro a expressão em Inglês, "Like", porque curtir é uma gíria meio, sei lá, enfim. Como gosto não se discute, vamos ao que interessa.
Vamos colocar um desses no rodapé do post.


1 - Entre na área de administração do seu blog e clique na aba "Design" e "Editar HTML".

 2 - Marque a opção "Expandir modelos de widgets".

3 - Usando a opção de busca do seu navegador, localize o seguinte trecho de código no HTML do seu modelo:    <data:post.body/> 

4 - Copie este trecho de código e cole logo abaixo da tag que você localizou no HTML.

<!-- botao facebook -->
<div >
<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=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp; font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='float:left; border:none; overflow:hidden; width:450px; height:30px;'/>
</b:if>
</div>
<!-- /botao facebook -->


Veja na imagem abaixo um exemplo de como inserir o código no HTML do seu modelo.


5 - Feito isso, clique no botão "Salvar modelo" no final da caixa de edição.

Pronto, com isso o botão do Facebook irá aparecer nas páginas do seu blog ao final de cada post, igual a esse que está aí embaixo. Se você gostou do tutorial, aproveite e clique no botão!
blog comments powered by Disqus