Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1484568950
Vida do cache: 1485864946
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Redes Sociais Twitter Widgets

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!
- Faça login no Blogger. Entre em “Layout” -> “Editar HTML”. Depois marque a caixa: “Expandir modelos de widgets”.

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

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

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.



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:

43 Comentários

  1. Cristiano disse:

    Acabei de colocar no blog e deu tudo certo. Obrigado pela dica.

  2. Ton disse:

    valew ! perfeito !

  3. Sou blogueiro - INDICOESSE disse:

    Isso ai é bem prático, e apostarei provavelmente nessa nova ideia!
    Muito bom seu blog!
    Tou louco pra ganhar o domínio!

  4. Weverton Guedes disse:

    Paulo,
    Obrigado! Já implantei e gostei muito. Já vi em alguns blogs e achei bem prático.

    Boa dica!

    Abraços

  5. Carlos Tomaz disse:

    Boa dica Paulo!

  6. Pamela Kovac disse:

    Excelente widget.
    Sem dúvida alguma, é uma ótima dica para blogueiros e twitteiros.
    Abraços! 🙂

  7. utilnet disse:

    Oi,

    Obrigado pela dica / pelo widget.

    Já coloquei no Utilnet.
    Funciona "impecavelmente".

    Abraço,
    Miguel (Utilnet)

  8. utilnet disse:

    Oi,
    aproveitei e como forma de agradecimento pela dica "Retwittei" este seu post, ;).

    Abraço,
    Miguel (Utilnet)

  9. Ígor disse:

    Qual seria o código para que o botão fique ao lado esquerdo do post? Obrigado.

  10. Paulo Estevão disse:

    @igor,
    no lugar de float:right; coloque float:left;

  11. Ígor disse:

    Valeu Paulo! Muito bom!

  12. lukafree disse:

    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

  13. Paulo Estevão disse:

    @lukafree,
    por email por favor! =]

  14. Blog do Tavares disse:

    Boa Paulo, eu tava procurando esse widget 😉

    Abraços!

  15. tutty gualberto disse:

    Segui suas instruções e instalei o TWEETMEME com facilidade no meus blogs.
    Obrigado pela ajuda.
    Abraços

  16. PC@maral disse:

    Já coloquei no PC@maral Funcionou direitinho! Valeu!

  17. Luka Almeida disse:

    Paulo, enviei o e-mail.
    Obrigada pela atenção!
    Abraços,
    Luka

  18. nilton disse:

    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

  19. Paulo Estevão disse:

    @nilton:

    < img border="0" alt="" src="LINK IMAGEM"/ >

  20. webgringos disse:

    Obrigado a dica ajudou muito…!

  21. Silvio Junior Wencevoski disse:

    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!

  22. Corretora Brasil (Imobiliária) - Corretora Brasil (Imobiliária) disse:

    Obrigado coloquei no Blog…
    http://corretorabrasil.blogspot.com/

  23. Corretora Brasil (Imobiliária) - Corretora Brasil (Imobiliária) disse:

    Desculpa o ultimo comentário coloquei a url…
    Coloquei no Blog e ficou legal estava procurando esse código..

    Wellington Torrejais

  24. Iúri disse:

    Essa dica foi a que resolveu meu problema!

    Achei muitas, mas nenhuma havia funcionado. Obrigado mesmo.

    Parabéns!

  25. Franci Samveira disse:

    Fo muito útil para mim, estava procurando esta widgets há bastante tempo…

  26. Samuel disse:

    Valeu!

    Adaptei o código para enviar os posts do WordPress e funcionou legal!!

  27. Rubios disse:

    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

  28. Kilza Miranda disse:

    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!

  29. Paulo Estevão disse:

    @Rubios,
    Não tem como não. =/

    @Kilza,
    Procure algo relacionado.

    abraços

  30. Gentex1 disse:

    Esse Widget pesa a página?

  31. Paulo Estevão disse:

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

  32. mafalda p. disse:

    sou a unica que nao consegue 😡
    sera por ter blogskin?

  33. AdnaGospel disse:

    Valew pelo posth esta procurando algo do tipo a tempos para colocar no meu Blog adnagospel.blogspot.com.

  34. Thiago Denadai disse:

    DEU CERTO….

    MUITO OBRIGADO

    http://depositoantivirus.blogspot.com/

  35. ddstifler disse:

    Manow, muito bom…

    Adorei essa dica, adorei teu blog pco 😉

  36. Neila Bahia disse:

    Obrigada! Estou há um tempão tentando por esta fncionalidade no meu blog.. E vc ensinou perfeito!

    Valeu.

    http://www.glampress.blogspot.com

  37. OPortal Rap disse:

    Tudo Certo mano!

    Agradecido!!

  38. Murilo Sobral disse:

    Fala brother!
    Consegui fazer de forma bemtranquila, não tem segredo.
    Ótima dica.
    Veja como ficou: http://www.sistemasdearcondicionado.blogspot.com

  39. mood.board disse:

    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/

  40. Blogin disse:

    vlw cara pela dica vai ser de grande ajuda….

    ah parabens pelo blog ajuda bastante!
    té+

  41. Evandro disse:

    Bom!

    muito obrigado!

  42. www.wilton.com disse:

    po cara valeu ai
    ficou muito bom
    deixando meu blog ai
    http://wiltonrios.blogspot.com/

Para enviar seu comentário, preencha os campos abaixo:

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