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.


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.

Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

49 comentários:

João Henrique disse...

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

†µℓเ๏๏ .†.קαiм- disse...

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

Anônimo disse...

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.

Vera disse...

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

PLUGI`S disse...

hum bem legal valeu pela dica ;)

vitrine2009 disse...

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.

LCESAR disse...

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

**Groove Sreet** disse...

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á

Fabiano Roberto disse...

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

Fabiano Roberto disse...

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

Capela São José disse...

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

Arnildo disse...

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

Gabriela disse...

aai não consegui colocar no meu :/

Anônimo disse...

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.

Canhota! disse...

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

Marcos Vinicius de Moraes disse...

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.

Fabiano Roberto disse...

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

Thane disse...

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

Emanoel disse...

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

Lucas J disse...

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

Fabiano Roberto disse...

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

Pedro disse...

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.

Fabiano Roberto disse...

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

Paulinho disse...

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

Wagner Lemos disse...

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

Fabiano Roberto disse...

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

rafael henrique severo de melo disse...

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

Tiozão das Batidas disse...

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 ?

Fabiano Roberto disse...

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

Zoubi Downloads disse...

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!

carol_estrelina disse...

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

Fabiano Roberto disse...

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

LéO! sOuNd! disse...

Valeu!

Moisés disse...

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

ઇઉ Mel ☆ mendes♫ ♪ ♫ disse...

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!

Lara disse...

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!

Fabiano Roberto disse...

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

Lara disse...

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!

Anônimo disse...

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

Fabiano Roberto disse...

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

Isadora disse...

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

Fabiano Roberto disse...

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

Cartão Vermelho disse...

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

Kakau4ever disse...

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

Ana Carla Benet disse...

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

Pode me ajudar ?????

Obrigada

Fabiano Roberto disse...

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

Alê Serles disse...

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

Henrique Winchester disse...

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

Felix disse...

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