Oi pessoal vamos falar de como colocar pássaro do Twitter voando pelo seu blog, mas que tabem podemos colocar outra imagem voando na tela enquanto outras pessoas navegam em seu blog. É claro se quiser outra imagem terá de ter um programa para editar a imagem e depois hospeda-la essa 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: var twitterAccount = 'https://twitter.com/TutoDowns';
Essa outra imagem nós retiramos do código usado no blog:http://pivotattack.blogspot.com que foi usado como exemplo em um comentário feito em nosso tutorial:
Então se quiser usar com alguma outra imagem precisará criar a imagem você mesmo.
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='http://oloblogger.googlecode.com/files/birdsprite.png'; colocando o endereço da imagem que desejar.
Nesta outra linha: var twitterAccount = 'https://twitter.com/fabianoroberto'; 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. Espero que gostem.
Sem Comentários
Postar um comentário
Comente e ajude nosso blog. Obrigado
Equipe TutoDowns