Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1498464358
Vida do cache: 1498507558
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Acessórios Redes Sociais

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.

Opção 1: Botão completo à direita do post:


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

Opção 2: Botão compacto à direita do post:


<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



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

38 Comentários

  1. JOHNNY disse:

    vanessa mas como faco para colocar os tweet igual ao seu, twittar o post sem precisar de entrar na postagem ?

  2. JOHNNY disse:

    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.

  3. Joel Pinto disse:

    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.

  4. .:: Clau ::. disse:

    Leo Souza
    coloca o seu username, somente.

  5. Mandy... disse:

    Valeu!

  6. Leo Souza disse:

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

  7. cafeblogueiro disse:

    Muito Bom estou usando no meu site da uma olhada e de RT

  8. MoZa disse:

    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

  9. MoZa disse:

    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. )=

  10. .:: Clau ::. disse:

    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.

  11. MoZa disse:

    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!

  12. .:: Clau ::. disse:

    Lukas
    Leia o artigo direito que vc vai encontrar o que procura.

  13. Lukas disse:

    Tem como ocultar este botão na home?

  14. Bruno Sajermann disse:

    Deu certo Clau, Obrigado!

    *-*

  15. ::Clau:: disse:

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

  16. Bruno Sajermann disse:

    Consegue me ajudar Clau com a pergunta acima?

  17. Bruno Sajermann disse:

    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!

  18. Marquynho disse:

    Obrigado pela dica meu blog passou ater mais visitas pelo twitter ^^

  19. .:: Clau ::. disse:

    @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? 😉

  20. Tainã Steinmetz disse:

    Há algum tempo eu queria colocar esse botão e não estava conseguindo! Mas agora sim!

    Valeuu!!!!

  21. @MatsoThiago disse:

    Valeu, Clau! Você é demais! =)

  22. Ígor Medeiros disse:

    Não localizei essa opção que você mensionou :(

  23. ::Clau:: disse:

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

  24. ::Clau:: disse:

    @Ígor Medeiros:
    procure por:
    <post.body>
    e coloque o código logo abaixo desta tag.

  25. Das disse:

    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

  26. Ígor Medeiros disse:

    Como faço para colocar esse botão abaixo das postagens? Obrigado.

  27. ::Clau:: disse:

    @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

  28. Celly Borges disse:

    Pq será que agora não consigo mais mover os Gandget de lugar depois que add este botão?? =/

  29. Celly Borges disse:

    Nossa, deu super certo, foi rapidinho! Adorei, obrigada!!!

    bjbj!!! ^.^

  30. ::Clau:: disse:

    @Lu:
    Eu tb queria botões de outra cor. Vou ver se dou uma pesquisada melhor, se encontrar, eu aviso aqui.

  31. Lu disse:

    oi, adore seu blog, aqui eu queria sabe se não tem como colocar o Retweet de outras cor? estava querendo ele rosa.

  32. ::Clau:: disse:

    @yoanaliso:
    Que bom que gostou.
    Obrigada pelo comentário, volte sempre viu?

  33. yoanaliso disse:

    Muito bom esse botão de RT..
    Valeu pela dica!
    Sempre uso suas dicas em meu blog.. e todas estão ótimas.

  34. Jeffrey Dead disse:

    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

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.