O Twitter finalmente lançou seus botões para compartilhamento de posts e/ou artigos com contadores e liberou o código bem como o API em sua página Goodies. Para colocar no Blogger, é só seguir as instruções abaixo:
Vá em painel de controle >>Design >> Editar HTML >> Clique em expandir o modelo de widgets e procure pelo código
<data:post.body/>
e cole acima o seguinte código:<div style="float:left;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='vertical' data-via='SEU-TWITTER'>Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</div>
Caso você queira colocar somente em cada post, deve-se aplicar uma condicional, nesse caso ficaria assim:
<b:if cond='data:blog.pageType == "item"'>
<div style="float:left; padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='vertical' data-via='SEU-TWITTER'>Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</div>
</b:if>
Como editar o código
- float:left - Esse código coloca o botão à esquerda, caso queira colocar à direita troque por float:right
- data-count='vertical' Contador na vertical, ou coloque data-count='horizontal', para ficar na horizontal ou data-count='none', para não exibir o contador.
- data-via='SEU-TWITTER' Coloque o seu nome de usuário no Twitter.
Olhe como ele vai ficar:
Contador na vertical
Contador na horizontal
Tutorial feito pelo Aneesh, do BloggerPluggins, veja o post original.