ATUALIZAÇÃO (23/03/2013): O Twitter fechou a plataforma Anywhere em 05/03/2013, pois lançou novos recursos de integração com os sites. Além disso, com a mudança das URLs no Blogger, essa funcionalidade teria que ser refeita e há muito tempo eu tinha deixado de usá-la. Infelizmente, esse recurso foi bom enquanto durou!Como alguns já puderam notar, na barra lateral ao lado, há uma caixa de texto (Twitter Box) destinada à postagens no Twitter direto do meu blog. Esse recurso é uma das novidades vindas da ferramenta @anywhere disponibilizada pelo próprio Twitter, no sentido de haver uma integração maior entre sites/blogs e o microblog.
Quando você escreve um tweet, e clica no botão "Tweet",abre-se um popup para autorizar que a minha aplicação(que no caso é o meu blog) se conecte com a sua conta. Assim é feita a integração.
Para colocar uma caixa do Twitter ou TwitterBox como está ao lado, você tem que primeiro registrar as suas apps no site do Twitter Anywhere conforme descrito neste post, e colocar o código fornecido entre as tags
<head> e </head<.Feito isso, em seu painel de controle do Blogger, vá em Layout >> Elementos de páginas >> Clique em Adicione um Gadget no lugar onde você queira que a caixa fique >> No popup, clique em HTML/JavaScript, para colocar o código que está abaixo:
<div id="tbox"></div>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#tbox").tweetBox({
height: 30,
width: 340,
defaultContent: "<Escreva o seu Tweet aqui>",
label: "O que está acontecendo?"
});
});
</script>
Em "height", coloque a altura em pixels que você quer na caixa.
Em "width", coloque o comprimento da caixa de acordo com a largura da sua coluna.
Em "defaultContent", você coloca um texto prévio como no exemplo.
Em "label", Você coloca o título da caixa: "O que está acontecendo", "O que você está fazendo", etc.
Além disso, você pode adicionar uma outra caixa, como eu fiz, no sentido de já pré-definir um tweet que alguém queira te enviar, assim o código fica como se segue:
Obs.: O código aqui colocado entrou em conflito com o código na barra lateral. Portanto estou disponibilizando-o no Google Docs:
Na 2ª caixa, em "defaultContent", coloque o seu nome de usuário no Twitter. O resultado pode ser visto ao lado na barra lateral.
Assim, qualquer pessoa estando em seu site/blog , pode "twittar" a vontade. Interessante, não?
Este tutorial foi feito para quem tem blogs no Blogger, espero que alguém possa fazer o mesmo para quem usa outras plataformas, já que não são do meu conhecimento!
