O tutorial de hoje vai te ensinar a como colocar Botões Curtir e Compartilhar do Facebook, com contador, que contabiliza as curtidas e compartilhamentos individuais de cada post.
Botões Curtir e Compartilhar com contador para Blog
Vá até a aba Tema e clique em em Editar HTML.
No seu código-fonte, procure por ]]></b:skin>
Acima dessa tag de fechamento, cole o código CSS abaixo, e salve.
.post-share {
text-align:center;
margin-top:-2px;
margin-bottom:20px;
background:transparent;
}
.post-share a {
display:inline-block;
}
Esse código define o posicionamento dos botões e sua distância em relação ao final do post, ou qualquer outro elemento em post-footer.
Agora digite <div class='post-footer'> , localize no seu código fonte e, abaixo dessa linha cole o código dos botões.
<br/>
<div class='post-share'>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1' type='text/javascript'/>
<div>
<fb:like action='like' colorscheme='light' expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='false'/></div>
</div>
Provavelmente você encontrará mais de uma ocorrência dessa linha! Estamos em busca da segunda ocorrência, mas você precisa testar!
Outros locais onde o Código dos BOTÕES pode ser colado:
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>
Por isso, você vai precisar fazer testes e ver em qual ocorrência o seu blog se enquadra.
Para sua segurança, é melhor fazer as alterações em um blog de testes!