TweetMeme- Inserindo botão de Retweet no Blogger

TweetMeme- Inserindo botão de Retweet no Blogger

6 10 99
TweetMeme- Inserindo botão de Retweet no Blogger 10 6 99

A nova febre é o botão de RT do site TweetMeme. Muitos bloggers já adotaram esse recurso, que mostra todos os retweets de um determinado post. Por insistência do @luanfr, acabei aderindo também e não é que ficou bonitinho? Além de mostrar os Rts, o botão ainda possibilita que os leitores enviem nossos posts diretamente para a página do Twitter. E é simples de instalar.

Para colocar o botão embaixo dos posts:

Entre no html do template (layout>editar html), marque a caixa “expandir modelos de widgets” e procure (Ctrl+F) por:

<div class='post-footer'>

Cole logo acima o seguinte código:

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

<script type="text/javascript">
tweetmeme_source = 'NOME NO TWITTER';
</script>
<script type="text/javascript" src="
http://tweetmeme.com/i/scripts/button.js"></script>

</b:if>

Substitua NOME NO TWITTER pelo seu nome de usuário e salve.

A parte em vermelho é referente ao código do TweetMeme e a parte em verde é referente às condicionais para que o botão só apareça nos posts e não na página inicial do blog.

Para colocar o botão entre o título e o post, encontre:

<div class='post-header-line-1'/>

Cole o código anterior embaixo dessa linha e salve.

Você pode integrar o botão de RT com um anúncio, do tipo banner ou meio banner (Isso vai depender do tamanho da área de postagem do seu blog). Basta usar o seguinte código:

<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>

Aí está o resultado que eu obtive no meu blog de testes, usando um banner:

image

Lembrando que o código do AdSense tem que ser convertido. Use o site Blogcrowd.

Caso você não use publicidade no seu blog, coloque um mensagem para os seus leitores. E se quiser ir mais além, use o programa NVU portable para construir o seu próprio código:

Exemplo de uma mensagem legal:

<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">

<b>Siga este blog no <a href='http://LINK DO SEU TWITTER'>Twitter </a> e fique por dentro das novidades!</b>

</td>

</tr>

</tbody>

</table> </b:if>

Recomendo que essas alterações sejam feitas, primeiramente, em um blog de testes.

ATUALIZAÇÃO EM 27/08/2010

Para que o botão fique à direita do anúncio, inverta os códigos:

<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 ANÚNCIO</td>

<td valign="undefined" align="undefined"> CÓDIGO DO TWEETMEME </td>

</tr>

</tbody>

</table> </b:if>

Caso você não use anúncios, siga esta dica do Ferramentas Blog:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='display: inline; float: right; margin-left: 5px'>

Adicione aqui o código do botão

</p>
</b:if>

54 Comments
Comments
  1. Gostei da sua dica, Ju!
    Parabéns!!!

    ResponderExcluir
  2. Não conhecia esta nova funcionalidade do Tweet.
    Em breve irei usar no meu blog. É muito útil e interessante!

    ResponderExcluir
  3. O twitter dá uma boa força para quem está começando com blog, no meu caso que sou cronista então é excelente para divulgar os textos

    Excelente dica, já coloquei no meu blog, obrigado

    ResponderExcluir
  4. Juliana, boa noite!
    Realmente, além de bonitinho é prático para divulgar o conteúdo do blog no twitter.
    Muito bom mesmo, eu estou pensando em aderir também, mas fazendo uma breve pesquisa optei por utilizar o concorrente Topsy para tal finalidade.

    Saúde, paz e sucesso!
    Abraço,
    Moura

    ResponderExcluir
  5. Gostei! Acho que vou colocar isso nos meus blogs =D

    ResponderExcluir
  6. Olá Juliana!
    Ficou muito mais prático enviar seus artigos para o twitter.
    Boa Luan!!!!!
    Sumy

    ResponderExcluir
  7. Olá Juliana Sardinha!!

    Excelente Dica, não sei por quê, mas
    em todo artigo de Qualidade que
    eu encontro este botãzinho eu retweet.
    Aliás eu já retweet este artigo. :D

    Abçs!!

    Natan Lopes

    ResponderExcluir
  8. Ah,meu Deus,eu queria ter coragem;acho tão bonitinho.

    ResponderExcluir
  9. Que MÁXIMO essa dica Juliana, estava esperando por ela desde que criei meu blog. Hahaha, parabéns!

    ResponderExcluir
  10. Muito bom, já coloquei no meu!

    Parabéns mais uma vez!

    ResponderExcluir
  11. Ola Ju parabens por esse post fantastico ..e sempre bom saber essas coisas ... gostaria de saber como posso fazer para por um igual no wordpress atraves de html pois nao posso usar plugins porque nao tenho dominio proprio se me puder ajudar ficaria eternamente grato.

    abraços

    ResponderExcluir
  12. Gostei.. vou colocar no meu blog... Valeu!

    ResponderExcluir
  13. Olá Juliana!
    Voltei para sugerir que coloque também o botão do Facebook, para que possamos divulgar os seus posts por lá.
    Aí Luan, que tal convencer a chefinha?
    :)
    Sumy

    ResponderExcluir
  14. Excelente tutorial. Tenho-o num dos meus blogues.
    Obrigado.

    ResponderExcluir
  15. Ola Juliana,

    Dica excelente. Me diz uma coisa, é possível colocar esse icone do lado direito do titulo do post?

    Não consegui. Por favor me de um help.

    Um abraço
    Adriano

    ResponderExcluir
  16. Só comigo não funciona???

    Se eu colo o código inteiro (vermelho + verde) não aparece nada no blog, mas se eu colo só o vermelho aparece exatamente o mesmo botão (mesmo caminho de histórico) em todos os posts.

    Me senti derrotada =(

    ResponderExcluir
  17. Íris, o site Tweetmeme está fora do ar e o botão sumiu de todos os blogs. Aguarde.

    ResponderExcluir
  18. Ufa!!!

    Achei que fosse perseguição comigo hehehehe

    Brigadinha ;)

    ResponderExcluir
  19. Este botão de RT é demais, gostei muito, deu tudo certo no meu blog, mais tenho uma duvida, como por o texto ao lado do botão, assim como neste seu post?

    ResponderExcluir
  20. Muito bom, já coloquei no meu blog. Só que eu notei uma coisa... Ele só aparece quando você está na página da postagem.

    ResponderExcluir
  21. Legal fiz como a Iris ,retirei a parte verde e funcionou aqui.

    ResponderExcluir
  22. Olá,Juliana.

    Criei um blog recentemente e vou sempre aqui ver mais dicas para o meu blog. Tentei usar esta dica, o único problema é que não consigo encontrar nenhum dos códigos,tens a certeza que isto dá em todos os templates?

    ResponderExcluir
  23. Pepe, vou te fazer a pergunta báscia: você marcou a caixa "expandir modelos de widgets"?

    ResponderExcluir
  24. Sim,por acaso sim, mas deixa estar eu ja encontrei deve ter sido bug quando eu exprimentei.

    Obrigado,Pepe

    ResponderExcluir
  25. Gostaria de parabenizar o Blog e a Juliana pela dica e coloquei o código em meu blog, mas ele não apareceu. Ai lendo os cometários vi que o Tweetmem saiu do ar e gostaria de saber quando volta? Ah preciso ser usuário do Twitter para usar o widget?

    ResponderExcluir
  26. Olá Juliana, parabéns, seu site é muito útil.
    Fiz como você orientou e funcionou perfeitamente, só gostaria de saber se tem como colocar o botão no lado direito do post.
    Abraços

    ResponderExcluir
  27. Tentei alguns hacks de alguns blogs mas não funcionarão, esse funcionou direitinho! ;)

    Eu tenho um botão de compartilhar no Facebook também, agora ficou cada um de um lado.

    Parabéns!!

    ResponderExcluir
  28. olá Juliana, seu blog é um show! Esse botão de retweet é de muita utilidade e juntando-se com nossa querida plataforma fica perfeito. Porém, não vou deixar de mencionar que botões do gênero deixam o blog lento. Mas a questão é unir o útil ao agradável!

    ResponderExcluir
  29. Juliana, fiz a aplicação no meu blog teste. Expandi, encontrei o lugar certinho, inseri o código, coloquei o meu nome de usuário no twitter, salvei e não apareceu nada. É assim mesmo? Ele leva algum tempo para aparecer ou é imediato?
    Tentei as duas opções que você deu: embaixo dos posts e entre o título e o post. Nenhuma funcionou. Por que será?

    ResponderExcluir
  30. Hoje, tentei novamente e deu certo. Obrigada.

    ResponderExcluir
  31. Comigo funcinou retirando a parte verde do código, mas em todos aparecem o numero 9, como faço para deixar com 0?

    ResponderExcluir
  32. só apareceu retirando o que esta em verde, mas em todos aparecem 9 RT, será que é assim mesmo?

    ResponderExcluir
  33. Expandi, encontrei o lugar certinho, inseri o código, coloquei o meu nome de usuário no twitter, salvei e não apareceu nada. Nem na parte de cima e nem embaixo... E agora? =(

    ResponderExcluir
  34. Ola Juliana,

    Dica excelente. Me diz uma coisa, é possível colocar esse icone do lado direito do titulo do post?

    Não consegui. Por favor me ajude.

    Um abraço
    Anderson

    ResponderExcluir
  35. Boa noite.

    No novo modelo do Blogger o botão do twitter não funciona?

    http://blogdaemdefesadosanimais.blogspot.com/

    Coloquei o código e o botão não está aparecendo.

    Grata.

    ResponderExcluir
  36. Mais uma vez boa noite.
    O botão aparece clicando nos títulos do blog. Mas na página, propriamente dita, http://blogdaemdefesadosanimais.blogspot.com/ não, quando vários post´s estão publicados conjuntamente, contrário do que ocorre nos templates antigos, exemplo: http://comida-vegan.blogspot.com/ . Tem como corrigir? Grata.

    ResponderExcluir
  37. Nossa, não estou conseguindo colocar no meu blog... ele só aparece na pagina principal e no primeiro post, quando vc clica em "ler mais" n aparece no resto do post :/

    ResponderExcluir
  38. Obrigada. Sempre volto aqui para rever este código. Gracias por estarem sempre no ar.

    ResponderExcluir
  39. Ótimo post! Funcionou certinho aqui! Parabéns...

    Mas só uma coisa: Tem como colocar esse botão do lado direito do título do post.

    Vi que várias pessoas já perguntaram isso e você ainda não postou a resposta. Help us, please!!!

    Bjuxxx ;)

    ResponderExcluir
  40. Coloquei o tweetmeme para aparecer na página principal, funcionou. No entanto, o contador fica com o mesmo número de tweets para todos os posts.
    O que eu devo fazer? Desde já, agradeço.

    ResponderExcluir
  41. Era exatamente o que me quebrava a cabeça, já tinha dado o jeito em colocar o anuncio numa boa, mas o lance do Twitter tava foda de conseguir, até que corri pra cá esse post caiu como uma luva.

    Ju, você é d+! Somos (blogueiros) gratos em ter você sempre melhorando essa nossa blogosfera.

    ResponderExcluir
  42. Tentei de todas as formas e nada aconteceu..nao apareceu..inclusive tentei pela forma lá no site:
    http://www.bloggerplugins.org/2010/08/twitter-share-buttons-for-blogger-tweet.html
    e tb nao consegui...salvei nao deu erro..mas o botão nao aparece nem por um C*...(digo..nem por um chocolate!)rs

    ResponderExcluir
  43. meu blog é http://tinaup.blogspot.com/

    ResponderExcluir
  44. Ufaa...depois de uma hora tentando consegui...valeu mesmo...com a ajuda de outro tutorial deu certo..brigadão

    ResponderExcluir
  45. VALEU CAARA! TAVA PRECISANDO MUITO! MUITOOBRIGADO!

    ResponderExcluir
  46. Olá, como faço para aparecer na home do blog? A sua dica foi somente para os posts...
    Tirei o código em verde, mas ai apareceu com um numero errado de retweets e igual para todos os posts.

    ResponderExcluir
  47. eu coloquei só que a cada post ele aparece o numeoro de retwttes anterios, não começa do zero como deve ser

    o que eu faço?

    de uma olhada http://tamoainarelatividade.blogspot.com/

    ResponderExcluir
  48. Juliana, preciso de ajuda

    Coloquei o botão tweet certinho, só que quando use ele para postar no twitter eles ao inves de encurtar o link do post ele mostra o endereço inicial do meu blog, porque?

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