Como colocar o Tweet Box no Blogger/Blogspot

Posted By: Unknown - 1:55:00 PM

Share

& Comment


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 @RobertLuzL 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>
No código acima, coloquei algumas pré-definições que usei no meu blog, e que você pode alterar como se segue:

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!

About Unknown

Techism is an online Publication that complies Bizarre, Odd, Strange, Out of box facts about the stuff going around in the world which you may find hard to believe and understand. The Main Purpose of this site is to bring reality with a taste of entertainment

0 comentários:

Postar um comentário

Deixe o seu cometário aqui sobre o artigo acima falando o que você acho deste artigo.

Copyright © 2013 Internet e Blogs™ is a registered trademark.

Designed by Templateism. Hosted on Blogger Platform.