21/10/2009

Colocar botão retweet no blog

Colocar um botão Retweet no seu blog é bem simples e pode ajuda na divulgação do seu blog trazendo mais visitas e melhorando sua posição em resultados de pesquisas e nas redes sociais, para colocar o Retweet no blog é praticamente do mesmo jeito que colocar links para redes sociais.

Veja outras opções para colocar o botão Retweet no blog
Botão Retweet Personalizado - Topsy
Twitter button no seu blog - botão oficial do Twitter


Entre na pagina editar html, clique para expandir o modelo, e procure por esse trecho <data:post.body/> e coloque esse código logo depois:


<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>

A linha <div style=”float:right;margin-right:10px”> faz que o botão fique no canto direito se quiser do lado esquerdo é só trocar duas palavras right por left. O valor 10px é a distancia da margem da postagem pode alterar como desejar. Se quiser deixar o botão centralizado troque float:right;margin-right:10px por text-align: center.
Related Posts with Thumbnails

67 comentários:

  1. Não consegui não!
    Sempre que ia visualizar, ele fechava a visualização e indicava erro!
    Msm assim, boa posagem!

    ResponderExcluir
  2. Fica Dando Erro
    è Porque Eu Puis Link Para Essa Postagem?

    ResponderExcluir
  3. Ola, por favor preciso muito de sua ajuda, estou querendo da um ar mais profissional em meu blog e para isto preciso fazer com que os marcadores não apareçam nos posts, ja procurei no template todo mais não achei o codigo referente aos marcadores, voçê pode me falar oque devo procurar no template?
    Quero mudar a cor ou deixar a fonte como "0" para ficar invisivel.

    ResponderExcluir
  4. Fabiano
    Caiu do céu esta postagem hoje!...rs
    Eu estou usando mas não sei onde encontrei...e queria trocar pelo modelo compacto. Já estou fazendo a mudança pois quero ver se consigo colocar o balãozinho de comentários também. Vou testar pra ver se dá certo.
    Obrigada
    Bjs

    ResponderExcluir
  5. Olá meu querido, gostei bastante de suas dicas, passei hora pesquisando em seu blog e por isso estou lhe agradecendo abrindo um espaço para seu link no meu blog.

    Abraço.

    ResponderExcluir
  6. AMIGOS DO BLOG, BOM DIA EU VENHO AGRADECER AS DICAS QUE VOCÊS POSTÃO AQUI.TENHO UMA OBS Á FAZER SOBRE RETWEET,NA DICA POSTADA SOBRE O BOTÃO VCS DEZEM PARA COLOCAR O CÓDIGO LOGO DE POIS OK.,EU FIZ ALGUNS TESTES E VI QUE O MESMO CÓDIGO DEVER SER COLOCADO ACIMA,DEPIS DESSE TESTE O CÓDIGO FUNCIONOU BEM MAS DESSA FORMA COM ELE ACIMA OK OBRIGADO É FUI

    ResponderExcluir
  7. mano, eu num consegui colocar aparece essa mensagem:

    Não foi possível salvar o modelo
    Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Open quote is expected for attribute "{1}" associated with an element type "style".


    eu sou meio amador, gostaria de saber o que fazer. Obrigado desde já

    ResponderExcluir
  8. tente colocar o código novamente, nos testes que fiz funcionou perfeitamente da primeira vez(testei em 3 blogs), talvez faltou alguma letra na hora de copiar e colar o código

    ResponderExcluir
  9. **Groove Sreet**
    as vezes o blogger dá erro na hora de salvar, o jeito é tentar de novo.

    LCESAR
    fiz os testes colocando depois e funcionou normalmente, mas se no seu modelo deu certo de outra forma está tudo bem o importante é funcionar

    Anonimo

    acho que não é possível deixar o zero invisível, explicando melhor deve ser possível mas qualquer que seja o numero ficaria invisível e não somente o zero

    ResponderExcluir
  10. Agradecemos ao "Dicas para Blogs" pelas importantes dicas que nos deram.

    O resultado está em
    csj-capelasaojose.blogspot.com
    Por favor visite, e, não deixe de comentar!!!

    Que a benção do Deus de Amor desça sobre todos vocês!!!

    Obrigado!!!

    ResponderExcluir
  11. Meus Agradecimentos Pelo RICO CONTEUDO DE INFORMAÇÃO Á BLOG´s

    ResponderExcluir
  12. aai não consegui colocar no meu :/

    ResponderExcluir
  13. Desculpe eu não me expressei bem, quero deixar os marcadores invisiveis.
    O fundo do meu blog e branco então queria deixar os marcadores brancos ou deixar o tamanho da fonte dos marcadores no tamanho 0, assim deste tamanho os marcadores não seriam visiveis.

    ResponderExcluir
  14. olá gostava de saber aonde é que encontro esse tal famoso código para poder fazer dwonload de musicas e colocar no meu blog.
    Peço desculpa mas não estou a entender o que posso fazer para colocar videos/musica no meu blog atraves do Youtube.
    obrigada

    ResponderExcluir
  15. Fiquei sem palavras ao conhecer o Dicas para Blogs.
    Existem muitas postagens super interessantes que ajudam na incrementação dos outros blogs.

    Divulgarei em meu blog com maior prazer e me tornei também seguidor.

    ResponderExcluir
  16. Canhota!
    para colocar um video do youtube é só copiar o código que aparece na caixinha incorporar, isso é para assistir o video pelo blog.

    para fazer download precisa hospedar o arquivo em um site, mas isso é pra baixar e não ver pelo seu blog, veja aqui onde hospedar arquivos para download
    http://www.dicasparablogs.com.br/2009/05/hospedar-arquivos-para-download.html

    ResponderExcluir
  17. Tem esse botão no site da mtv brasileira! :)

    ResponderExcluir
  18. O galera, se der erro, observe que tem um "" inclinado, basta apagar ele e colocar normal!!!!

    vlw!!! deu certo no meu blog. se quiser ver: http://detonandogta.blogspot.com/ (fabiano roberto, não quero divulgar, só pra mostrar que funfou! boa dica. parabéns, ótimo blog!!!

    ResponderExcluir
  19. Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Open quote is expected for attribute "{1}" associated with an element type "style". aconteceu isso

    ResponderExcluir
  20. tente colocar novamente o código, talvez teve algum erro na hora de copiar e colar

    ResponderExcluir
  21. Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Open quote is expected for attribute "{1}" associated with an element type "style".

    O meu também deu isso.

    ResponderExcluir
  22. fizemos uma alteração no código para não dar mais esse erro

    ResponderExcluir
  23. Muito bom estava procurando essa ferramenta para colocar no meu blog vlw
    http://bebunsdanet.blogspot.com

    ResponderExcluir
  24. Boa noite!
    Otimo blog.. aqui tem de tudo um pouco ... essemcial pra qualquer blogueiro!

    Minha divida é a seguinte: como faço para colocar o botão em cima? (ao lado do titulo) Para ficar ao lado do Dihitt...

    http://webevangelista.blogspot.com

    ResponderExcluir
  25. Wagner Lemos, qual botão quer colocar ao lado do titulo o retweet? acho que é melhor dentro de cada postagem

    para colocar algo ao lado do título você precisa dividir o cabeçalho do blog, veja aqui
    http://www.dicasparablogs.com.br/2009/10/como-dividir-o-cabecalho-do-blog-em.html

    ResponderExcluir
  26. NOTA 11 PRA SEU BLOG/SITE MUITO BOM, UMA ORIMA FONTE DE PESQUISA E APRENDIZAGEM PARA BLOGUEIROS E WEBMASTERS.

    ResponderExcluir
  27. Já vi esse mesmo codigo em outros sites. Mas, acho que é nesse que vou resolver um problema : no html do meu blog não existe o trecho . Evidentemente fiquei perdidão. Como faço ?

    ResponderExcluir
  28. Tiozão das Batidas
    se o seu template usar tags diferente precisa achar o final das postagens, não tem como dizer onde é pois cada site que faz template pode usar as tags que desejar

    ResponderExcluir
  29. Puxa galera, vlw pelo post! Ja estou usando... Como prefiro que o botao fique la em cima do post, colokei todo o codigo ANTES do ...

    Parabéns pelo blog galera, mto util mesmo!!!

    Abraçao e sucesso!

    ResponderExcluir
  30. Eu coloquei certinho mas, não aparece a Imagem!!!!!!
    Me Ajude!

    ResponderExcluir
  31. Carol, o site meme está em manutenção, não está aparecendo em nenhum blog, neste momento 05/02/2010 - 19:12

    ResponderExcluir
  32. tentei outras dicas e nao funcionou, aparecia so na postagem individual, nunca na pagina principal com todas as postagens. com esta dica ficou legal e coloquei junto o indique para o Buzz! - ficou legal.
    parabens pela dica.
    http:://linkpelotas.blogspot.com

    ResponderExcluir
  33. Fabiano,agradeço por todas as suas dicas,essa é mais uma que deu certo!Acompanho não somente o dicas para blog,mas também o cidade web e o acessórios para blog,tenho todos nos favoritos!Meus parabéns,merece nota mil!

    ResponderExcluir
  34. Oi, Fabiano, muitos parabéns por todo trabalho que vc faz aqui!

    Aproveito demais suas dicas.


    Quero um retweet no meu blog, fiz exatamente como na explicação e o botão não aparece, repeti algumas vezes, e nada.

    Eu uso postagens reduzidas (leia mais), será por isso? Pra que o botão apareça o conteúdo das postagens deve aparecer logo na íntegra, sem o recurso do leia mais?

    Muito obrigada!

    ResponderExcluir
  35. Lara
    tente visitar o site http://tweetmeme.com, mas o código está correto era para funcionar, a não ser que faltou alguma coisa na hora de copiar e colar o código, as vezes pode haver falhas de caracteres

    ResponderExcluir
  36. Oi, Fabiano, obrigada!

    Descobri o problema, o trecho aparece mais de uma vez no html do blog e eu coloquei o seu código logo após o a primeira vez que aparece.

    Desta vez coloquei o seu código mais abaixo.

    E deu certo!

    ResponderExcluir
  37. Olha, eu tive um problema, o votão ficou lá em baixo, cm fço para colocar lá em cima no lado direito? Abs...

    ResponderExcluir
  38. para ficar no começo do texto coloque o código antes de data:post.body e não depois como falamos no tutorial

    ResponderExcluir
  39. Olá Fabiano, suas dicas são exelentes mas infelizmente não consegui colocar , no meu blog aparece a seguinte mensagem : O modelo é inválido porque a tag 'div' aparece dentro da tag 'head'.
    O que eu faço ?
    Por favor se puder responder ficarei agradecida,
    Obrigada desde já !

    ResponderExcluir
  40. Isadora , veja se na hora de alterar o código não colocou aspas a mais ou faltando e não troque ' por "

    ResponderExcluir
  41. Não deu! :/
    quando eu coloco para visualizar não aparece nada :S

    ResponderExcluir
  42. o único código que deu certo no meu blog. Parabéns e vlw

    ResponderExcluir
  43. Não consigo encontrar aquela sequencia para colar o código em seguida.

    Pode me ajudar ?????

    Obrigada

    ResponderExcluir
  44. Ana Carla Benet use o ctrl F para achar somente post.body, as vezes o modelo tem um espaço e dificulta encontrar.

    precisa clicar para expandir o modelo html, senão não vai encontrar

    ResponderExcluir
  45. Obrigada mesmo, foi bem fácil e funcional. Parabéns pelas dicas

    ResponderExcluir
  46. vlw pela postagem... me ajudou mt no meu blog!! vou botar vcs como parceiros pra divulgar o seu site.... parabéns ótimo site!!!

    ResponderExcluir
  47. Vlw mesmo, cara! Além de funcional deu um toque a mais de profissionalismo no meu brogui

    ResponderExcluir
  48. Muito obrigada, testei vários códigos mas só esse deu certo. Bem simples de instalar e funciona legalzinho.
    Beijos!

    ResponderExcluir
  49. Fabiano, coloquei acima do código para aparecer no alto do post. Deu certo, mas ficou mais abaixo do título. Tem como subir ou colocar na margem esquerda para liberar a área de postagem? Desculpe o abuso. rs

    ResponderExcluir
  50. para ficar ao lado do titulo precisa subir um pouco mais no html antes do trecho:
    <b:if cond='data:post.title'>

    <h2 class='post-title entry-title'>

    ResponderExcluir
  51. Fabiano, feito, ficou ótimo! Muito obrigada, vc além de competente é generoso, sempre pronto a nos ajudar.
    Estou te 'perseguindo' no twitter pra acompanhar as novidades.
    Bom final de semana!

    ResponderExcluir
  52. oi, será que pode me ajudar? estou procurando uma forma de colocar as retwitadas feitas para minha timeline no meu blog. assim eu teria as indicações de quem eu sigo disponíveis para todos que seguem meu blog. sabe de alguma aplicativo que faça isso? estou procurando essa funcionalidade há dias e não encontro. qualquer coisa pode escrever direto pra mim: vladiaqueiroz@gmail.com obrigada

    ResponderExcluir
  53. Vládia Queiroz
    veja neste link:

    http://topsy.com/s/site%3Adicasparablogs.com.br?order=date&window=a

    são nossos retweets recentes. do lado direito tem assinar o feed dessa lista, se trocar o nosso endereço pelo do seu blog no link, poderá ver e Usar esse Feed como Acessórios no seu blog mostrando os retweets mais recentes

    ResponderExcluir
  54. Eu não consegui achar no HTML do meu blog.

    ResponderExcluir
  55. Muito legal!!! Já vou colocar em meu Blog!!!

    ResponderExcluir
  56. Olá, grande dica. Obrigado por compartilhar. Ficou mesmo show de bola. continue postando que concerteza estarei por aqui. Grande abraço.
    Fábio

    ResponderExcluir
  57. E consegui utilizar o código, mas o botão fica no final da postagem, queria saber se tem uma forma de deixar o botão entre o título e a postagem?

    ResponderExcluir
  58. vou fazer um explicação detalhada para ficar igual essa minha pagina, até sabado faço a publicação.

    ResponderExcluir
  59. Fabiano!!!Eu adorei esta postagem e comigo funcionou super bem!!!
    Muito obrigada suas dicas sao muito uteis para mim!!!
    Bye.

    ResponderExcluir
  60. Valeu Fabiano!
    Vocês como sempre nos ajundando.
    Obrigado.
    Abraço.

    ResponderExcluir
  61. tem como colocar o botão de lado sem ser esse um outro?

    ResponderExcluir
  62. o código que mostramos para posicionar div style='float:right;margin-right:10px

    funciona com qualquer coisa é só retirar o código do botão deste tutorial e colocar outro no lugar... e não apague a /div no final ela faz parte do código do posicionamento

    ResponderExcluir