Usar o Twitter no blog

O Twitter faz muito sucesso então vamos unir esse micro blog (como alguns chamam) com o blogspot, veja como colocar um link para enviar suas postagens do blog para o twitter. Entre na pagina editar html e clique para expandir o modelo depois procure por <data:post.body/> e coloque esse código logo abaixo dela:

<a expr:href='&quot;http://twitter.com/home?status=&quot;+ data:post.url'
target='_blank'>Enviar para o Twitter</a>

Apenas troque o texto Enviar para o Twitter por qualquer outro que deseje ou ainda uma imagem, então o código ficaria assim:

<a expr:href='&quot;http://twitter.com/home?status=&quot;+ data:post.url'
target='_blank'><img src='endereço da imagem' border='0'/></a>

Neste caso pode trocar o endereço da imagem por qualquer outra imagem que goste mais, apenas tenha certeza que está usando o endereço correto da imagem. E já que tocamos no assunto aqui estão algumas imagens para usar como banners para o seu Twitter:

Logotipo do Twitter
Twitter
Siga-me no Twitter
Twitter
Icone para o Twitter


Apenas sugerimos que salve a imagem no seu computador e hospede em algum lugar para utiliza-la, a razão disso é que se muitas pessoas usam a mesma imagem principalmente se ela estiver numa hospedagem grátis ela pode parar de funcionar (ser excluída ou bloqueada a imagem). Então clique com o botão direito sobre a imagem e escolha a opção salvar, depois hospede no site http://imageshack.us e use o direct link para colocar no código com o link para o seu Twitter. Espero que gostem e siga-nos no Twitter.

Veja também:

Termos de uso deste blog
Regras para os comentários do blog
Contador de visitantes online
Transformar imagem comum em ícone
Acessar o perfil do blogger

40 comentários :

  1. Mas aonde está este data:post.body/?

    Logo no inicio ou no decorrer da coluna porque tem muita coisa detalhada lá...

    ResponderExcluir
  2. essa parte fica depois da metade do html, use o ctrl F para achar, mas precisa clicar para expandir o modelo antes.

    ResponderExcluir
  3. Hi Fabiano,
    Esse codigo faz o q mesmo? Envia o conteudo do post em especifico?
    Então a imagem aparecera na Main, abaixo de cada post?
    (Ou eu to boiando?)

    Kisu
    Saionara

    ResponderExcluir
  4. Quase esqueço de comentar: interessante o novo visual, mas eu ainda acho os botalzinhos mais simpaticos :3

    ResponderExcluir
  5. *Aramati*
    ele não envia o post, só o link para a postagem.

    faça um teste na caixinha compartilhe que mostramos no final de cada postagem existe um link para o twitter, clique nele e veja como funciona

    ResponderExcluir
  6. Era o q eu quis dizer, enviar o post e enviar o link do post, alias, enviar algo ou o link desse algo parece tudo a mesma coisa pra qm usa mt o twitter. Por isso to indo pro Y!mm.

    Falando nisso, será q esse codigo é 'adaptavel' ao Yahoo!Meme?

    Kisu
    Saionara Fabi-sam

    ResponderExcluir
  7. pode tentar adaptar o código para o Yahoo e outros, aqui tem códigos para enviar para diversas redes

    http://www.dicasparablogs.com.br/2009/08/links-das-redes-sociais-em-forma-de.html

    ResponderExcluir
  8. Minha tia conseguiu inserir no dela, mas eu não consigo. Suas dicas, Fabiano, são super úteis e simples de entender.

    ResponderExcluir
  9. Olha eu de novo Mr. Fabiano, já sou freguês antigo, vide meu blog que foi vc que desenvolveu, mui grato ...
    Seguinte, não consegui colocar a imagem do passarinho, copiei o direct e nada, acabei colocando teu código inteiro e ai ficou o logo Twitter, só que muito grande, tem como diminuir ?

    Mais uma coisinha, estou seguindo-o, aí mando um reply como @fabianoroberto, não aparece no seu Twitter? Pra vc ver que estou falando contigo vc tem que vir no meu ? é isso ?

    ResponderExcluir
  10. para reduzir a imagem precisa de um programa para editar imagens e hospedar novamente, fazer diretamente pelo código faz ficar borrada.

    infelizmente sobre o Twitter não posso ajudar pois não sei praticamente nada sobre ele, raramente vou no site.

    ResponderExcluir
  11. OLA FABIANO EU COLOQUEI O CODIGO FICOU BELEZA, MAIS ESTOU QUERENDO TIRA COMO EU FAÇO. POR QUE O TRECHO QUE EU TINHA QUE PROCURA PARA COLOCAR O CODIGO SOMIU. O Q EU FAÇO AGORA ?

    ResponderExcluir
  12. Blaf Animes
    precisa clicar para expandir o modelo para ver o código do twitter

    ResponderExcluir
  13. Olá amigo...
    Não sei lidar bem com html, tem outro jeito de colocar esse código no meu blog?
    bjs

    ResponderExcluir
  14. infelizmente esse tipo de código somente pela pagina editar html

    ResponderExcluir
  15. Muito obrigado pela postagem, me serviu bastante!

    Valeu!

    ResponderExcluir
  16. Olha Fabiano Roberto Meu nome é ícaro eu segui suas dicas fiz tudo certo,mas eu coloquei a última foto que você deu a dica ai além de ficar a baixo da postagem que não tem nada a ver o link da foto vai para o image shack.Oque eu faço?

    ResponderExcluir
  17. Ícaro Nunes

    mas não é para usar como está no código, precisa trocar o endereço da imagem

    ResponderExcluir
  18. obrigado consegui,mas não tem como ele sai de baixo da postagem?

    ResponderExcluir
  19. se coloar o código antes do data:post.body , ele aparecerá antes da postagem

    ResponderExcluir
  20. isso eu sei mas não tem como deixar o link na coluna ao lado e não embaixo ou acima da postagem?

    ResponderExcluir
  21. para colocar um link na sidebar é só fazer como se fosse um link de qualquer outro blog, apenas use o seu endereço do twitter, assim:

    <a href="http://twitter.com/fabianoroberto" target="_blank">Siga-me no Twiiter</a>

    ResponderExcluir
  22. Fabiano, e pra mostra minhas postagens do twitter para o blogspot?

    ResponderExcluir
  23. Então o coment anterior era exatamente oq eu queria, mas aí onde eu coloco o enderço da imagem e eu coloco esse texto todo aí!
    nem vou dizer q sou leiga sou lerda mesmo!

    ResponderExcluir
  24. Naruto
    veja aqui Enviar posts do blogger para o Twitter

    Giovana Innocenti
    precisa hospedar uma imagem e colocar o endereço dela no local indicado no código, sobre como fazer e hospedar imagens veja aqui:
    Como fazer um banner

    Imagem não aparece

    ResponderExcluir
  25. Fabiano - tem como colocar um link do Twitter no blogspot, de forma que clicando na imagem que seria um desses passarinhos ai acima)e o visitante do Blog iria direto para o meu Twitter? Seria tipo: "Siga-me no Twitter" Já vi isso funcionando em outros blogs. Não quero que as postagens sejam enviadas do meu blog para o Twitter. Só quero que o visitante vá do meu blog para o Twitter.
    Eu vi nesse blog: http://www.colunazero.com.br/
    Muito obrigada,

    ResponderExcluir
  26. o código para usar uma imagem como link para o seu perfil no twitter é
    <a href='http://twitter.com/fabianoroberto' target="_blank"><img src="endereço da imagem" border="0" /></a>


    só precisa trocar o endereço do twitter e da imagem

    ResponderExcluir
  27. Olá,

    Estou postando pra deixar relatado que seu site é demais!!Estou aprendendo e usando, meu site está ficando muito incrementado.
    muito obrigada,

    Parabéns!!

    ResponderExcluir
  28. Como faço para deixar o simbolo do twitter em um determinado local? ele so fica abaixo do texto... das minhas postagens. aguardo contato.

    ResponderExcluir
  29. você quer fixar o twitter no canto da pagina? se for veja aqui: Fixar botões no canto da pagina

    senão explique melhor o que está querendo fazer

    ResponderExcluir
  30. Olá seu site é otimo, me ajuda em muitas coisas, queria saber se tem algum modo de utilizar esse codigo para twittar e o link do site ja ir encurtado pelo bit.ly...

    obrigado pela atenção

    ResponderExcluir
  31. entre em design, lá tem a guia editar html

    ResponderExcluir
  32. Por favor, me ajuda, já tentei coloca,r mas nunca aparece, coloco tudo direitinho... percebi que aparecem varias expressoes data:post.body como esta, e no meu caso tentei colocando depois de todas, e depois em apenas uma e nada! POderia me ajudar, obrigada!

    ResponderExcluir
  33. Jaqueline Peres
    precisa testar para descobrir qual é a certa... mas salve uma cópia do seu template antes... assim não corre o risco de estragar o seu layout atual e não tem como voltar

    ResponderExcluir
  34. EU FUI TENTAR FAZER MAIS O CODIGO DEU INVALDO

    ResponderExcluir
  35. mas tentou colocar esse código onde? na pagina editar html? não é nesta pagina


    é para adicionar um gadget de html/javascript

    ResponderExcluir