Botão de Compartilhamento do Facebook no Blogger

compartilhados no Facebook, vejamos como adicionar o botão de compartilhamento oficial do Facebook. Para que o widget ficasse alinhado com a área do post do seu blog foi-lhe adicionado um código div com as propriedades float e padding.

Para colocá-lo no seu blog siga os pontos abaixo:

1. Entre no Blogger > Design > Editar HTML. Clique em Expandir Modelos de Widget e procure pela linha abaixo:

<div class='post-body entry-content'>

Se não encontrar procure por:

<div class='post-body'>

2. Logo abaixo dela, cole o seguinte código:

<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartilhar</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

3. Clique em Pré-Visualizar/Visualizar, se gostar do que viu pressione o botão Guardar/Salvar Modelo.
O resultado será o seguinte:

Se quiser usar o botão compactado com o número à direita, no passo 2, cole o código abaixo:

<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartilhar</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

O resultado será o seguinte:

Se quiser usar só o botão, no passo 2, cole o código abaixo:

<div style='float:right; padding:5px;'>
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Compartilhar</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

O resultado será:
Mas se invés do botão quiser usar só um link, no passo 2, cole o código abaixo:

<div style='float:right; padding:5px;'>
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Compartilhar</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

O resultado será o seguinte:

Para substituir o texto Compartilhar, basta trocar a parte a vermelho nos códigos acima pelo seu texto personalizado. Por exemplo: Compartir, Divulgar, Partilhar…
Para que o widget apareça alinhado à esquerda, basta trocar right por left.
Para mostrar o botão de compartilhamento apenas nas páginas individuais dos posts adicione no inicio do código escolhido <b:if cond='data:blog.pageType == &quot;item&quot;'> e no final </b:if>. Como no exemplo abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartilhar</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</b:if>