Botão enviar postagem para o Twitter
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
Procure (Ctrl + f) por:
<div class='post-header-line-1'/>
ou
<div class='post-header-line-1'>
ou
<div id='post-header-line-1'/>
ou
<div id='post-header-line-1/>
Escolha a forma do botão abaixo e insira o código ACIMA do lugar encontrado:
• 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>
• Para botão compacto
<div style="float:right;padding:4px;">
<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>
Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
Exemplo: pauloestevao
Agora teste, se tudo estiver certo, salve.
- Segunda Opção: Botão abaixo da postagem
Procure por:
<div class='post-footer'>
ou
<div id='post-footer'>
Cole o seguinte código DEPOIS:
• 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;">
<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>
Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
Exemplo: pauloestevao
Teste e salve.
Acabei de colocar no blog e deu tudo certo. Obrigado pela dica.
valew ! perfeito !
Isso ai é bem prático, e apostarei provavelmente nessa nova ideia!
Muito bom seu blog!
Tou louco pra ganhar o domínio!
Paulo,
Obrigado! Já implantei e gostei muito. Já vi em alguns blogs e achei bem prático.
Boa dica!
Abraços
Boa dica Paulo!
Excelente widget.
Sem dúvida alguma, é uma ótima dica para blogueiros e twitteiros.
Abraços! 🙂
Oi,
Obrigado pela dica / pelo widget.
Já coloquei no Utilnet.
Funciona "impecavelmente".
Abraço,
Miguel (Utilnet)
Oi,
aproveitei e como forma de agradecimento pela dica "Retwittei" este seu post, ;).
Abraço,
Miguel (Utilnet)
Qual seria o código para que o botão fique ao lado esquerdo do post? Obrigado.
@igor,
no lugar de float:right; coloque float:left;
Valeu Paulo! Muito bom!
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
@lukafree,
por email por favor! =]
Boa Paulo, eu tava procurando esse widget 😉
Abraços!
Segui suas instruções e instalei o TWEETMEME com facilidade no meus blogs.
Obrigado pela ajuda.
Abraços
Já coloquei no PC@maral Funcionou direitinho! Valeu!
Paulo, enviei o e-mail.
Obrigada pela atenção!
Abraços,
Luka
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
@nilton:
< img border="0" alt="" src="LINK IMAGEM"/ >
Obrigado a dica ajudou muito…!
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!
Obrigado coloquei no Blog…
http://corretorabrasil.blogspot.com/
Desculpa o ultimo comentário coloquei a url…
Coloquei no Blog e ficou legal estava procurando esse código..
Wellington Torrejais
Essa dica foi a que resolveu meu problema!
Achei muitas, mas nenhuma havia funcionado. Obrigado mesmo.
Parabéns!
Fo muito útil para mim, estava procurando esta widgets há bastante tempo…
valeu cara, ajudou geral esse post.
http://www.questaoderaciocinio.blogspot.com
http://www.revodjs.blogspot.com
Valeu!
Adaptei o código para enviar os posts do WordPress e funcionou legal!!
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
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!
@Rubios,
Não tem como não. =/
@Kilza,
Procure algo relacionado.
abraços
Esse Widget pesa a página?
@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.
sou a unica que nao consegue 😡
sera por ter blogskin?
Valew pelo posth esta procurando algo do tipo a tempos para colocar no meu Blog adnagospel.blogspot.com.
DEU CERTO….
MUITO OBRIGADO
http://depositoantivirus.blogspot.com/
Manow, muito bom…
Adorei essa dica, adorei teu blog pco 😉
Obrigada! Estou há um tempão tentando por esta fncionalidade no meu blog.. E vc ensinou perfeito!
Valeu.
http://www.glampress.blogspot.com
Tudo Certo mano!
Agradecido!!
Fala brother!
Consegui fazer de forma bemtranquila, não tem segredo.
Ótima dica.
Veja como ficou: http://www.sistemasdearcondicionado.blogspot.com
Nossa…era exatamente isso que eu estava procurando, agora quero um igual para o facebook.
Abeaços.
Alessandra
http://moodboardblog.blogspot.com/http://moodboardblog.blogspot.com/
vlw cara pela dica vai ser de grande ajuda….
ah parabens pelo blog ajuda bastante!
té+
Bom!
muito obrigado!
po cara valeu ai
ficou muito bom
deixando meu blog ai
http://wiltonrios.blogspot.com/