Botão Curtir e Enviar do Facebook Juntos

O facebook tem vários aplicativos para usar no blog que alias já falamos algumas vezes sobre os acessorios e paginas do facebook(Aplicativos do Facebook para Blogs e Sites - Social Plugins), mas agora está disponível o botão curtir e enviar juntos no mesmo código e ao contrario do que pode parecer é muito simples de colocar no blogspot.

Entre na pagina editar html, mas antes de começar salve um copia do seu template caso tenha algum problema não perderá nada e poderá voltar ao seu layout atual facilmente.


Agora que já protegemos o modelo do blog, marque a opção expandir modelo de widgets e procure por <div class='post-header-line-1'/> e logo depois coloque esse código:

<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1' type='text/javascript'/>
<div>
<fb:like expr:href='data:post.url' layout='button_count' send='true' show_faces='false' font='arial' action='like' colorscheme='light'></fb:like>
</div>

Isso faz os botões curtir e enviar do facebook aparecerem logo depois do título da postagem, mas se quiser pode mostrar os botões depois da postagens, então coloque esse mesmo código depois da linha <data:post.body/> ou <div class='post-footer-line post-footer-line-1'>.

O local exato é um pouco difícil dizer porque o html varia conforme o template, mas as linhas que citamos estão presentes quem praticamente todos os templates do blogger se usa ou não resumo da postagem e no caso de mostrar o resumo do post ainda temos varios códigos para fazer isso por exemplo neste tutorial Fazer Resumo da Postagem com Miniaturas das Imagens tem outros dois links com códigos para fazer o tal resumo da postagem. Certamente essa quantidade de possibilidade complica um pouco na hora de explicar onde colocar os códigos no html do seu blog.

Veja também outras formas de divulgar seu blog no facebook, redes sociais twitter e outros usando os botões de recomendação:

AddThis - Botão para as redes sociais - AddThis
AddInto - Botão das Redes Sociais para Wordpress, Blogger, Firefox e muito mais
Botão Compartilhar do Google: Mais Opções de Botões do Google+
Twitter button no seu blog - botão retweet

Como sempre para saber qual a melhor maneira e local para usar esse acessorio no seu blog é fazendo teste, sugerimos colocar no inicio da postagem e depois de alguns dias trocar para o final, assim poderá avaliar em qual local conseguiu mais cliques no botão curtir do facebook. Claro que essa sugestão de alterar o posicionamento das coisas no seu layout vale para qualquer coisa até anúncios do adsense para descobrir como ganhar mais dinheiro com seu blog na internet.