Vamos falar sobre como colocar o pássaro do Twitter voando pelo seu blog, mas que também serve para colocar qualquer outra imagem voando pela tela enquanto as pessoas navegam pelo seu blog, este é um efeito bem interessante e fácil de usar. Mas é claro se quiser outra imagem precisará de um programa para editar a imagem e depois hospedar essa mesma imagem para usar no código.
Mas vamos começar por partes: primeiro vamos fazer da imagem clássica do Twitter voando pelo seu site. Para fazer isso entre na pagina layout, adicionar gadget, HTML/javascript e cole esse código em azul:
<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/#!/blog_tsn ';
var twitterThisText ='';
tripleflapInit();
</script>
Você só precisa alterar o endereço do seu perfil no Twitter que está nesta linha: var twitterAccount = 'https://twitter.com/#!/blog_tsn';
Depois clique para salvar e pronto.
Bem mais fácil do que eu pensava...
ResponderExcluirMuito boa, essa dica. Grato.
tem como colocar esse passaro no proprio twitter?
ResponderExcluirNão, só funciona para blogs.
ResponderExcluir