Como colocar o Tweet Button no Blogger

Como colocar o Tweet Button no Blogger

6 10 99
Como colocar o Tweet Button no Blogger 10 6 99

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:

Código do Tweet Button

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:

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

twitter-follow

http://twitter.com/dicas_blogger

16 Comments
Comments
  1. Juliana,

    Achei este botão mais simpático e funcional que os das dicas anteriores. Gostei da estética!

    ResponderExcluir
  2. Nossa que sem graça você. Eu me matei pra justificar o botão e o banner e era tão simples!
    HUDSHUDSHU
    Brigado, vou usar o sue jeito! :)
    Abraços Ju!

    ResponderExcluir
  3. Este botão está bem mais elegante agora :)

    Marlon Douglas

    ResponderExcluir
  4. Comecei usando o TweetMeme. Depois mudei para o Topsy por ter a opção do botão azul e branco (cores do meu template no Quiosque Azul).

    Agora ficou perfeito. Amei o novo botão. Já instalei e o Script parece ser mais eficiente. O carregamento do blog melhorou, ficou mais rápido.

    Obrigado por mais esta super dica, Juliana!
    Abraços, Renato_ò/

    ResponderExcluir
  5. Juliana vc sempre salvando nossas webvidas!!!!

    Um abraço

    ResponderExcluir
  6. Adorei o seu blog, foi o que eu mais gostei para ajudar blogueiros novos e veteranos.
    Comecei o meu a pouco tempo e estava procurando um botão para tweet que ficasse bom no design do meu blog!
    Vou te seguir e acompanhar as dicas, vlw!

    ResponderExcluir
  7. mto boa essa dica...

    tb queria elogiar o blog, tah cada vez melhor!

    ResponderExcluir
  8. Boa Juliana, tho seguindo tva lendo seu perfil e me indentifiquei muito, sou novo em blogs e acho que vou aprander muito com vçs aqui do docas blogs vlew...

    ResponderExcluir
  9. para funcionar no meu Blog tive que fazer uma modificação do Script. segue abaixo, pode ajudar a alguem também

    arquivo em PDF no SkyDrive

    http://migre.me/166Jj

    Tive que fazer essa alteração pois o botão não estava ficando entre o Titulo e o Post.

    Veja como ficou no meu Blog

    http://igorcastilho.blogspot.com

    ainda estou corrigindo o script , pois na pagina inicial esta aparecendo todos os posts como o mesmo numero de ReTweets

    ResponderExcluir
  10. Bom dia Juliana.

    Muito obrigado pela ajuda, sempre sigo o site ferramentasblog do Marcos Lemos e agora vou seguir o seu blog também.

    Novamente, obrigado pela ajuda... =]

    ResponderExcluir
  11. eu coloco o botão sem problemas... mas o contador de quantos tweets começa a partir do 6!
    entra aqui pra ver o problema: http://www.choosegleeks.blogpsot.com

    o que eu faço pra começar a partir do 0 ?

    ResponderExcluir
  12. Juliana, por favor, tenho uma dúvida, veja se você consegue me ajudar.

    Coloquei o botão do tweet no meu blog para aparecer tanto na página inicial e também para aparecer dentro de uma determinada postagem, como é no seu blog.

    No entanto, quando vou clicar no botão da página inicial para twittar, ao invés de aparecer o título da postagem ao qual está agregada, aparece o nome do blog e o link para entrar no blog e não no post específico. Sem contar que todos aparecem com a mesma quantidade RTs.

    O que seria possível fazer para arrumar isso? Abraço

    ResponderExcluir
  13. Como a Juliana abandonou esse post, e sim. Tem um bug muito escroto nesse tweet button do twitter, vou dizer pra vocês como eu resolvi.

    Resolvi usando o código desse blog aqui:

    http://vitorrubio.blogspot.com/2010/10/tweet-button-oficial-no-blogspot.html

    Espero que ajude a todos.

    ResponderExcluir
  14. Metheoro, muito obrigada por ter me avisado de uma forma tão gentil, educada e ética que meu post está com problemas.

    PS: 1-talvez seja mágica, mas eu uso este tutorial frequentemente e comigo funciona que é uma beleza!

    2-Que mal te pergunte, você se baseou em que para afirmar que eu abandonei este post?

    ResponderExcluir
  15. E quem nem nunca teve um desses dois, onde bota o HTML ? boiei =(

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top