Como colocar o Tweet Button no Blogger

O Twitter acaba de lançar seu botão oficial de tweets – o Tweet Button. Semelhante ao Topsy e ao TweetMeme, o botão permite que os visitantes de um blog enviem um post para o Twitter, bem como contabiliza o número total de tweets e RTs.

Para obter o código do Tweet Button, faça o login no Twitter e acesse este link: http://twitter.com/goodies/tweetbutton. O código aparecerá embaixo, à direita:

Como colocar o Tweet Button no Blogger

O processo é idêntico ao do Topsy e ao do TweetMeme. Que já usa um dos dois, deve apenas substituir o código antigo pelo do Tweet Button.

• Entre em design>editar html>expandir modelos de widgets.
• Procure pelo código do TweetMeme ou do Topsy.
• Passe o mouse sobre o código antigo e cole o novo.

Dica: dê um Ctrl+F no teclado e digite tweetmeme ou topsy para encontrar o código.

Quem vai usar o botão pela primeira vez, deve seguir este tutorial:

• TweetMeme- Inserindo botão de Retweet no Blogger

No tutorial existem diversos códigos, que variam de acordo com o local de inserção do botão (embaixo do post, entre o título e a postagem e etc). Onde estiver escrito “CÓDIGO DO TWEET MEME ” , apague e cole o código do Tweet Button.

Como exemplo, vamos usar o código para colocar o botão junto com um anúncio:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO TWEET MEME </td>

<td valign="undefined" align="undefined"> CÓDIGO DO ANÚNCIO </td>

</tr>

</tbody>

</table> </b:if>

Vejam como ficou aqui no Dicas Blogger:

Só espero que o botãozinho não seja amigo da baleia Fail Whale, né?

ATUALIZAÇÃO

Já que algumas pessoas estão me perguntando como mudar o lado de exibição do botão, peço-lhes que acessem os seguintes posts:

1. Botones oficiales de Twitter - El Escaparate de Rosa
2. Oficial Twitter Share Button - Blogger Widgets
   

http://twitter.com/dicas_blogger