Acessórios Redes Sociais Vanessa S.
Como Colocar um Botão Retweet no seu Blog
Como já é sabido, o Twitter está crescendo e se espalhando cada vez mais na web. “Retweet” ou “RT” é um método muito rápido e eficaz para partilhar informação através do Twitter.
O Retweet consiste basicamente em repetir o tweet de outra pessoa, mas reconhecendo essa mesma pessoa como a fonte de informação.
E uma boa maneira de divulgar melhor o conteúdo do seu blog,é colocar um botão de “Retweet” nos seus artigos, pois se o seu leitor se interessar pelo conteúdo, ele pode compartilhar o artigo com outros usuários no Twitter.
Agora que você já tem idéia do objetivo e funcionalidade do “Retweet“, que tal instalar um botão “Retweet” no seu blog?
A instalação é rápida e fácil.
Segue abaixo algumas opções de botões para você escolher.
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'SEU-NOME-DE-USUARIO-NO-TWITTER';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script>
</div>
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'SEU-NOME-DE-USUARIO-NO-TWITTER';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Instalando o botão:
Agora que você já escolheu o botão que mais lhe agrada, coloque o seu nome de usuário no Twitter no campo destacado e vá no menu “modelo”, entre no modo “editar html”, marque a caixinha ‘Expandir modelo de Widgets’ e procure pelo código abaixo:
<data:post.body/>
Cole o código do botão que você escolheu logo ACIMA deste trecho.
Visualize e salve!
[dica]Observação: Caso você não encontre o trecho <data:post.body/>, procure por div class=’post-header-line-1′ e cole o código ABAIXO deste trecho.[/dica]
Ou se preferir, veja neste post outras opções de local mais adequado para colar o código.
Sobre ocultar ou mostrar botões em páginas específicas, veja o artigo sobre as condicionais:
Ocultar Elementos em Página Específica
Agora aproveite e faça um “Retweet” neste artigo, compartilhe com seus amigos!
Fonte:Blogger Plugins
vanessa mas como faco para colocar os tweet igual ao seu, twittar o post sem precisar de entrar na postagem ?
Johnny, esse que eu uso é um plugin do wordpress.
ok
oi poderia me ajuda ? estou fazendo tudo certinho mas com o codigo do twitter https://twitter.com/about/resources/buttons. coloquei para aparece na tela inicial ai eh soh o pessoal clicar em Tweet para twittar o post, e nao entrar no post para poder twittar…. Mas beem eu coloquei o codigo que foi gerado no twitter mas soh que quando ele vai twittar ele twiita com o nome e link do site e nao com o titulo e link do post .
Pq sera isso ?
eu tenho outro codigo aqui para twitter esse da certinho mas soh que ele nao conta quantos tweets foram dados, ele soh fica em “‘0” pf me ajuda.
Que eu saiba, qdo se coloca botão de compartilhamento na página inicial acontece isso mesmo.
Olá…
Na configuração de mensagens de blogue, eu tenho marcada a opção "Mostrar botões partilhar",mas eles não aparecem no final do post, como você tem aqui no seu blog.
Sebe-me dizer se há algum problema?
Obrigado.
Dá uma lida neste post:
https://www.mundoblogger.com.br/2010/07/como-ativar-botoes-de-compartilhamento.html
Leo Souza
coloca o seu username, somente.
Valeu!
Oooi, eu só queria saber uma coisa (que talvez seja bem simples, mas eu me confundi): no lugar de "SEU-NOME-DE-USUARIO-DO-TWITTER" eu coloco a URL do meu Twitter, só o meu username… o que? Ou não é pra por nada?
Qualquer um que puder me ajudar, agradeço. ^^
Muito Bom estou usando no meu site da uma olhada e de RT
Clau:
Deu certo agora! Eu fiz alguns experimentos e depois de muito insistir coloquei o botão do Topsy Compact no meu blog. Eu tinha colocado o código logo abaixo de b:if cond='data:post.title' como vc disse. O botão aparecia e tal, mas não redirecionava a lugar nenhum como se não houvesse link nele. Daí coloquei o código abaixo de h3 class='post-title entry-title' que fica logo abaixo do código que vc me indicou. Daí funcionou! (=
A experiência serviu e foi muito útil obrigado!
P.S Para ver como ficou clica em qualquer postagem que o botão está interno em cada post! http://www.tapesinstereo.blogspot.com
Poxa a colocação do botão ficou perfeita. Quase que deu certo. Mas parece que não existe um link nele. Ele não tah levando a lugar algum. )=
Moza
Olha eu nunca tentei, mas é questão de vc testar ai.
Uma sugestão: tenta colocar abaixo de :
b:if cond='data:post.title'
é só uma sugestão, não garanto que dê certo.
Olá! Há alguns dias venho personalizando meu blog graças a alguns tutorias daqui. Antes de mais nada um chichêzinho para parabeniza-la pelo bom trabalho que através dele conseguimos deixar nosso blog bem personalizado.
Sobre esse artigo do "botão retweet" ou "Tweet" gostaria de saber se teria como colocar esse botão, ao ínves no post, colocá-lo no título do post. Fiz alguns experimentos aqui, mas sem sucesso. Tem como fazer isso?
Abraços!
Lukas
Leia o artigo direito que vc vai encontrar o que procura.
Tem como ocultar este botão na home?
Deu certo Clau, Obrigado!
*-*
@Bruno Sajermann:
Tudo depende do local que vc instalou o botão. Oculte o local em que ele está instaldo. Por exemplo, se estiver instalado em "post-header-line-1" oculte este elemento, dessa forma tudo o q estiver contido na linha abaixo do título ficará oculto.
Se estiver instalado em "post-footer" oculte ".post-footer" e assim por diante.
Consegue me ajudar Clau com a pergunta acima?
Esse sistema, é bem legal e ficou perfeito, porém, como que eu posso fazer para que ele não aparece na pagina estatica?
Ja olhei o tutorial ensinado como ocultar, mas Clau, como que posso identificar esse script?
Por exemplo, para ocultar o footer é:
#footer-wrapper{ display:none;}
Então como posso fazer esse botão ficar oculto na pagina estatica?
Grato!
Obrigado pela dica meu blog passou ater mais visitas pelo twitter ^^
@Igor Medeiros:
Neste artigo tem outras opções de escolha de local para instalar botões, dá uma olhada lá, pode ser que te ajude.
@MatsoThiago e @Tainã Steinmetz:
Fico feliz que tenham conseguido. Obrigada pela presença e pelo comentário..e voltem sempre aqui viu? 😉
Há algum tempo eu queria colocar esse botão e não estava conseguindo! Mas agora sim!
Valeuu!!!!
Valeu, Clau! Você é demais! =)
Não localizei essa opção que você mensionou 🙁
@Das:
Coloque o código antes da tag </div>
Assim:
<div class='post-footer-line post-footer-line-2'>
(código do botão)
</div>
@Ígor Medeiros:
procure por:
<post.body>
e coloque o código logo abaixo desta tag.
Clau, não consegui! 🙁
Tem dois códigos iguais a esse () e estão em linhas com outros! Em qual devo colocar?
Tentei e a até li a outra postagem, que você indicou, mas não consegui colocar o Botão Retweet no meu blog!
Pôxa! ¬¬
Beijo, amiga!
Dani
Como faço para colocar esse botão abaixo das postagens? Obrigado.
@Celly Borges {Gisele}:
A culpa não é do gadget, é um problema que anda rolando do próprio Blogger.
Dá uma lida neste post que informa sobre isso:
Bugs recentes no Blogger
Pq será que agora não consigo mais mover os Gandget de lugar depois que add este botão?? =/
Nossa, deu super certo, foi rapidinho! Adorei, obrigada!!!
bjbj!!! ^.^
@Lu:
Eu tb queria botões de outra cor. Vou ver se dou uma pesquisada melhor, se encontrar, eu aviso aqui.
oi, adore seu blog, aqui eu queria sabe se não tem como colocar o Retweet de outras cor? estava querendo ele rosa.
@yoanaliso:
Que bom que gostou.
Obrigada pelo comentário, volte sempre viu?
Muito bom esse botão de RT..
Valeu pela dica!
Sempre uso suas dicas em meu blog.. e todas estão ótimas.
Nossa vlw =DDD
ca coloquei no meu blog =D
só tive q editar pq estava ficando em baixo das imagens..mais ja ta blzinha =D vlwww