Botão enviar para o Twitter no Blogger

O twitter vem ganhando mais e mais usuários em todo o mundo, eu recomendo utilizá-lo porque ele gera um grande tráfego de visitantes. A maioria dos usuários do Twitter também usam a opção retweet (retuite) que permite você postar novamente alguns tweets interessante no Twitter.
Com esse tutorial você vai pode adicionar um botão retweet no seu blog para que o seu visitante possa retuitar qualquer postagem, e também tem um contador de re-tuites. Essa tarefa é muito fácil, vou lhe mostrar 4 estilos de botões:
Normal à esquerda
Normal à direita
Compacto à esquerda
Compacto à direita

Normal à esquerda
Botão Enviar para o Twitter Blogger

Código:
<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Normal à direita
Botão Enviar para o Twitter Blogger
Código:
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Compacto à esquerda
Botão Enviar para o Twitter Blogger 
Código:
<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Compacto à direita
Botão Enviar para o Twitter Blogger
Código:
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Instalando o botão no Blogger:
1.
Depois de escolher o seu estilo preferido, abra um novo arquivo de texto, copie e cole o código lá, e substitua Nome_De_Usuario_do_Twitter pelo seu nome de usuário do Twitter.
2. Entre na sua conta do Blogger, e vá em Layout>> Editar HTML. E clique na caixinha Expandir Modelos de Widgets.
3. Procure por este código:
<div class='post-header-line-1'/>
Agora copie e cole o código do botão escolhido após o código acima.

PS: Caso você não encontre o código <div class='post-header-line-1'/> ,procure por: <data:post.body/>
Botão enviar para o Twitter no Blogger Botão enviar para o Twitter no Blogger Reviewed by Fabricio Araujo on 12:51:00 Rating: 5

29 comentários:

  1. Legal encontrar esta dica. Estava mesmo procurando e já apliquei no meu blog. Obrigada!

    ResponderExcluir
  2. Como fazer a instalação deste botão, no blogger clássico???

    ResponderExcluir
  3. ajudou mto ein.

    http://infudivel.blogspot.com/
    http://questaoderaciocinio.blogspot.com/

    ResponderExcluir
  4. mto boa ms a dica agora ficou mto mais facil atualizar o twiter vlww


    http://surf-filmes.blogspot.com/

    ResponderExcluir
  5. obrigado, fiz aqui e deu certo, bjo me liga :P

    htpp://cannabisisland.blogspot.com

    ResponderExcluir
  6. oi há tempos eu venho tentando botar esse recurso no meu blog,mas não dar certo :/
    tipo o primeiro codigo pra procurar não tem no meu blog, só o segundo .então eu copio o codigo tudo certo, ponho meu nome de usuário onde tem que por, colo o codigo lá salvo, mas não aparece nas postagens, alguém sabe o porquê? eu tentei com tos os quatros e tudo deu a mesma coisa, não aparece error nem nada, mas o link não aparece nas postagens, o que eu faço? se alguém poder me ajudar agradeço, meu blog é What I Feel" e meu e-mail é jessica.pri.eu@gmail.com .

    ResponderExcluir
  7. Jéssica, no seu template o código é esse aqui:
     <div id='header-inner'>

    É só adicionar após ele e pronto!

    ResponderExcluir
  8. Fabrício infelizmente não deu certo novamente :(, eu enconteri o novo codigo, copie, botei meu de usuário, colei no lugar indicado, mais ainda assim não aparece o link :/ sinceramente acho que eu vou desistir :S, mas vlw por tentar me ajuda :D

    ResponderExcluir
  9. Jéssica, deveria funcionar, pois eu adicionei o código no mesmo template que o seu e está funcionando: http://diretorio.blogwindows.org/2009/09/novo-teste.html

    ResponderExcluir
  10. Fabrício ai isso só estar me deixando mais confusa, o template aparentemente é mesmo sim, mais não tá fucionando :/ eu tou tentando com o ultimo codigo tbm, mas nada

    ResponderExcluir
  11. Jéssica, me manda teu template por e-mail: fabricio@blogwindows.org para ver se eu consigo fazer alguma coisa.

    ResponderExcluir
  12. Alexandre, esta dica infelizmente não funciona no Blogger Clássico.

    ResponderExcluir
  13. Fabricio,
    é uma pena que não funcione no Classico. Pior que quase todos os templates são baseados no classic.
    Vou ver se consigo um template diferente. Gostaria muito de usar essa opção para o Twitter.

    Abraços

    ResponderExcluir
  14. Como colocar ao lado do título? É que nesta posição ele desalinha o texto.

    ResponderExcluir
  15. Júnior Bocelli, vou editar o artigo ensinando a fazer isso, mas quando eu estiver com um pouco mais de tempo.

    ResponderExcluir
  16. muito boa dica
    vallew'z

    ResponderExcluir
  17. Funcionou perfeitamente em meus blogs. Obrigado pela dica!

    ResponderExcluir
  18. @Serenissima o Blogger Clássico que eu falei é a versão antiga do Blogger e não os templates que vem nele por padrão (Default).

    Abraço.

    ResponderExcluir
  19. obrigado pela dica.
    somente no seu blog fui achar a melhor forma de por o codigo.
    Pois li em outros blgs e todos não ensinavam a forma correta.
    Abraços e valeu.

    ResponderExcluir
  20. Muito obrigado pela dica. Ajudou muito.

    ResponderExcluir
  21. @Luiz F., de nada. Precisando, tamos aí :)

    ResponderExcluir
  22. Muito legal, cara. Suas instruções são bastante claras e facilitaram muitíssimo a instalação. Obg.

    ResponderExcluir
  23. Essa dica foi excelente, coloquei no meu site,passa lá e veja como ficou.

    Conheça o maior portal de filmes completos pra download - www.imperiodosfilmes.com

    Faça como eu, espalhe essa novidade para todos os seus amigos do Orkut, Twitter, Facebook, Buzz, e e-mail.

    Acesse agora:
    Site - www.imperiodosfilmes.com

    Twitter - www.twitter.com/impdosfilmes

    E-mail - imperiodosfilmes@gmail.com


    Um abraço e até lá!

    ResponderExcluir
  24. OI fabricio, não consegui adicionar o botao esta dando este erro
    Não Foi Possível analisar o modelo Seu, POIs É SUA formatação inadequada. Certifique-se de Elementos de Todos os Que Estão os Fechados XML adequadamente.
    Mensagem de Erro em XML: tipo de elemento tweetmeme_url "deve ser seguido pelas especificações de atributo,"> "ou "/>". mais qndo vou verificar ta tudo ok. pode me ajuadar por favor?

    ResponderExcluir

Adicione seu comentário nesse post.
- Receba a resposta por e-mail, clique em inscrever-se por e-mail.
- Não use palavras de baixo escalão.
- Quer mostrar seu blog? Use a opção Open ID.
- Se selecionar a opção Nome/URL na URL digite http:// na frente do endereço do seu blog.
- Quer falar somente com o Autor? Então clique Aqui.

Muito obrigado por sua visita e volte sempre!

Tecnologia do Blogger.