Colocar o Pássaro do Twitter(ou Qualquer Imagem) Voando no Blog
Tutorial Feito pelo Dono e adm do site
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, subido e decendo a tela. 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 "Album Picasa um boa dica 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:
Você só precisa alterar o endereço do seu perfil no Twitter que está nesta linha:
e da sua Imagem
var birdSprite='Sua Imagem.png';
var twitterAccount = 'Seu Link';
Depois clique para salvar e pronto.
Como usar outra imagem voando pela tela no lugar do pássaro do Twitter
Essa alteração é simples de fazer no código, mas antes disso você precisará criar uma imagem com o desenho, personagem ou foto que desejar, mas com diversas imagens parecidas lado a lado. Na verdade você precisa 5 linhas com 4 imagens uma do lado da outra em cada linha e salvando com fundo transparente. Veja as duas imagens abaixo, elas seguem esse mesmo padrão.
Como usar outra imagem voando pela tela no lugar do pássaro do Twitter
Essa alteração é simples de fazer no código, mas antes disso você precisará criar uma imagem com o desenho, personagem ou foto que desejar, mas com diversas imagens parecidas lado a lado. Na verdade você precisa 5 linhas com 4 imagens uma do lado da outra em cada linha e salvando com fundo transparente. Veja as duas imagens abaixo, elas seguem esse mesmo padrão.
Tente fazer igual a passaro do Twinter use ele como referença eu eusei o Adobe Photoshop cs2 Depois é só Tirar as camadas.
Exemplo: começo
Exemplo: Meio
Exemplo: Fim
Tira a comada Pricipal No Photoshop
Então se quiser usar com alguma outra imagem precisará criar a imagem você mesmo, veja aqui alguns sites e programas para editar imagens:
para vc achar imagem de desnho em moveimento
Digite isso No google Imagems:
--:>> spriters <<:--
Uma dica que pode ajudar a fazer a imagem personalizada é usar um programa que permita transparência. Crie uma imagem no tamanho 256×320 e salve a imagem padrão do pássaro do twitter (http://oloblogger.googlecode.com/files/birdsprite.png) depois monte sua imagem usando a do twitter semitransparente por cima, assim ficar mais fácil posicionar corretamente os desenhos dentro da imagem e quando terminar é só retirar a imagem do twitter.
Depois que fizer e hospedar a imagem só precisam alterar essas linhas no código:
var birdSprite='Sua Imagem'; colocando o endereço da imagem que desejar.
Nesta outra linha: var twitterAccount = 'O Link de Sua Preferença'; coloque o endereço do twitter ou qualquer outro site ou pagina do seu blog que desejar
E colocar no seu blog da mesma maneira que o código original com a imagem do twitter: Pagina layout – adicionar gadget – HTML/javascript.
Sabemos que essa segunda opção usando imagem personalizada voando pela tela dá trabalho, mas não tem outro jeito de fazer porque o código já foi desenvolvido nesta base de tamanho e padrão de imagem. Esperamos que gostem.
E colocar no seu blog da mesma maneira que o código original com a imagem do twitter: Pagina layout – adicionar gadget – HTML/javascript.
Sabemos que essa segunda opção usando imagem personalizada voando pela tela dá trabalho, mas não tem outro jeito de fazer porque o código já foi desenvolvido nesta base de tamanho e padrão de imagem. Esperamos que gostem.
Tomare que Ajudem.
Grato Luciano
0 comentários:
Postar um comentário