O Twitter se tornou uma grande fonte de divulgação de um blog/site. O comum agora é surgir novos gadgets para interar ainda mais esse serviço aos blogs.
O botão enviar para o twitter é um desses serviços. Ele fica disponível a todos os visitantes, assim se a pessoa gostar da matéria e quiser divulgar pelo twitter, o botão organiza tudo!
Antes de começar, recomendo que faça backup de seu template. Por segurança.Vamos ao que interessa!
1º - Faça login no Blogger. Entre em “Layout” -> “Editar HTML”. Depois marque a caixa: “Expandir modelos de widgets”.
2º - Agora você deve escolher a opção de local onde vai ficar o widget e o tipo (completo ou compacto).
- Primeira Opção: Botão ao lado direito do título do post
<div class='post-header-line-1'/>Escolha a forma do botão abaixo e insira o código ACIMA do lugar encontrado:
ou
<div class='post-header-line-1'>
ou
<div id='post-header-line-1'/>
ou
<div id='post-header-line-1/>
• Para botão completo
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
OU
• Para botão compacto
<div style="float:right;padding:4px;">Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Exemplo: pauloestevao
Agora teste, se tudo estiver certo, salve.
- Segunda Opção: Botão abaixo da postagem
<div class='post-footer'>Cole o seguinte código DEPOIS:
ou
<div id='post-footer'>
• Para botão completo
<div style="float:right;padding:4px;">OU
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
• Para botão compacto
<div style="float:right;padding:4px;">Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Exemplo: pauloestevao
Teste e salve.






2 de outubro de 2009 00:01
Acabei de colocar no blog e deu tudo certo. Obrigado pela dica.
2 de outubro de 2009 00:35
valew ! perfeito !
2 de outubro de 2009 01:06
Isso ai é bem prático, e apostarei provavelmente nessa nova ideia!
Muito bom seu blog!
Tou louco pra ganhar o domínio!
2 de outubro de 2009 01:36
Paulo,
Obrigado! Já implantei e gostei muito. Já vi em alguns blogs e achei bem prático.
Boa dica!
Abraços
2 de outubro de 2009 07:56
Boa dica Paulo!
2 de outubro de 2009 21:34
Excelente widget.
Sem dúvida alguma, é uma ótima dica para blogueiros e twitteiros.
Abraços! :)
6 de outubro de 2009 06:32
Oi,
Obrigado pela dica / pelo widget.
Já coloquei no Utilnet.
Funciona "impecavelmente".
Abraço,
Miguel (Utilnet)
6 de outubro de 2009 06:34
Oi,
aproveitei e como forma de agradecimento pela dica "Retwittei" este seu post, ;).
Abraço,
Miguel (Utilnet)
8 de outubro de 2009 13:22
Qual seria o código para que o botão fique ao lado esquerdo do post? Obrigado.
8 de outubro de 2009 22:04
@igor,
no lugar de float:right; coloque float:left;
8 de outubro de 2009 22:04
Valeu Paulo! Muito bom!
9 de outubro de 2009 04:20
Paulo, havia colocado o widget um tempo atrás em um blog e funcionou legal. Agora fui colocar no outro blog e não teve jeito. Tenho certeza que segui todas as etapas corretamente.
Os dois blogs estão configurados no TwitterFeed.
Tentei de tudo e nada.
O que poderá ter acontecido?
Você poderia ajudar?
Abraços,
Luka
9 de outubro de 2009 20:56
@lukafree,
por email por favor! =]
10 de outubro de 2009 10:06
Boa Paulo, eu tava procurando esse widget ;)
Abraços!
13 de outubro de 2009 02:07
Segui suas instruções e instalei o TWEETMEME com facilidade no meus blogs.
Obrigado pela ajuda.
Abraços
13 de outubro de 2009 22:17
Já coloquei no PC@maral Funcionou direitinho! Valeu!
14 de outubro de 2009 10:19
Paulo, enviei o e-mail.
Obrigada pela atenção!
Abraços,
Luka
14 de outubro de 2009 17:28
Paulo eu gostaria de saber como coloco uma pequena imagem nesse mesmo local dessa do twitter, queria que ficasse só a imagem mesmo depois de cada post, não precisa ter link, como eu coloco?
niltonpacola@bol.com.br
14 de outubro de 2009 20:50
@nilton:
< img border="0" alt="" src="LINK IMAGEM"/ >
17 de outubro de 2009 00:15
Obrigado a dica ajudou muito...!
17 de outubro de 2009 09:44
Paulo, excelente dica!
Utilizei apenas o código que você passou em meu template modificado fiz diferente!
Utilizei o tutorial do Lenon para adicionar o botão do Dihiit, coloquei o código abaixo do botão e funcionou!
Da uma passadinha lá no blog (Grana Sempre) e olhe!
Abraços e OBG!
31 de outubro de 2009 16:24
Obrigado coloquei no Blog...
http://corretorabrasil.blogspot.com/
31 de outubro de 2009 16:26
Desculpa o ultimo comentário coloquei a url...
Coloquei no Blog e ficou legal estava procurando esse código..
Wellington Torrejais
1 de novembro de 2009 02:18
Essa dica foi a que resolveu meu problema!
Achei muitas, mas nenhuma havia funcionado. Obrigado mesmo.
Parabéns!
7 de novembro de 2009 20:06
Fo muito útil para mim, estava procurando esta widgets há bastante tempo...
10 de dezembro de 2009 23:39
valeu cara, ajudou geral esse post.
www.questaoderaciocinio.blogspot.com
www.revodjs.blogspot.com
30 de dezembro de 2009 20:06
Valeu!
Adaptei o código para enviar os posts do Wordpress e funcionou legal!!
13 de janeiro de 2010 01:33
Já implantei e gostei mtu.
eu só gostaria de saber se há uma forma de alterar a imagem exibida, pois pretendo criar a imagem a ser exibida no lugar.
Vlw
21 de janeiro de 2010 12:55
Olá não conseguir achar os codigos (ctrl + f) no meu blog [Dicas de Nutrição], então não inseri os códigos. Esse layout teria como incluir os codigoss?
contato@dicasdenutricao.com
Obrigada e aguardo!
21 de janeiro de 2010 14:34
@Rubios,
Não tem como não. =/
@Kilza,
Procure algo relacionado.
abraços
29 de janeiro de 2010 11:38
Esse Widget pesa a página?
29 de janeiro de 2010 21:52
@Gentex,
Todo widget pesa o blog. É bom ter calma na hora de colocar.
USe apenas o que for necessário.
Uso e recomendo esse widget.