Adicione o passaro twitter voando em seu site [HTML/JavaScript]

   Olá caro leitor do Amotrix, hoje estamos de volta com mais um twittorial, hoje você vai aprender a colocar um passarinho do Twitter voando no seu site.

Antes de adicionar clique abaixo para ver se está a seu agrado


1. Código


<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'https://twitter.com/SEUTWITTER';
var twitterThisText ='';
tripleflapInit();
</script>


Detalhes
Modifique SEUTWITTER pelo endereço de seu twitter (ex: amotrixfollow)

2. Modificando o código (opcional)
Modificando a Imagem
Método [1]
Para que você possa modificar o pássaro é necessário que você baixe a imagem  http://oloblogger.googlecode.com/files/birdsprite.png
E entre dentro de um programa para modificação de imagem e colocar as outras imagens por cima.

Método [2]
    Você pode criar sua própria imagem, tendo assim os seguintes detalhes:
  1. A imagem tem que ter 256X320
  2. A imagem não pode conter fundo color, ou seja, tem que ser transparente o fundo.
  3. Cada boneco deve conter 61X57
  4. A distância vertical deve ser de: 3X3
  5. A distância horizontal deve ser de: 8X4 

3. Adicionando
 Adicionando em todas as páginas presentes do site
  1. De acordo com sua plataforma adicione um Gadget que suporta HTML/JavaScript
  2. E cole o código.
Adicionando em uma página somente
  1. Ao criar uma um texto em uma página clique em Editar em HTML e cole o código.

Comentários