Botão de Tweets Oficial do Twitter no Blogger

Vejamos como adicionar o botão de Tweets oficial do Twitter. 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://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="SEU_TWITTER">Twittar</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></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://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="SEU_TWITTER">Twittar</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></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 href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="SEU_TWITTER">Twittar</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

O resultado será:

Para substituir o texto Twittar, basta trocar a parte a vermelho nos códigos acima pelo seu texto personalizado. Por exemplo: Tweet, Compartilhar, Partilhar…
Para adicionar o seu twitter basta trocar SEU_TWITTER pelo seu nome de utilizador/usuário no Twitter.
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://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="SEU_TWITTER">Twittar</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>