1o vc abre o seu photoshopfaz uma imagem ou pega uma(a imagem pode ter renders tudo vlw)2o depois vc escreve um texto que vc que e da enter3o abra mais duas camadas, a primeira camada vc da ctrl e clica na camada onde vc escreveu sigurando o ctrl e aperta ctrl + E e soute o ctrl4o selecione a segunda camada selecione a cor branca pegue a ferramenta gradient tool escolha a opcao branca transparente no meu ta na 2oopcao e passe sobre a primeira letra da palavra5o va em window click em animation e vai aparecer uma camada dentro da ferramenta animationclick para criar uma nova camada na mesma ferramenta (animation) e deixe selecionada a segunda camada na animation vai na imagem sigure ctrl + botao direito do mouse e puxe a iluminacao para a utima letra da palavra6o vou na ferramenta animation perceba que do lado esquerdo de criar uma camada no animation tem um botao que ta cheio de bolinhas click nele e vai aparecer uma tela ai e click em (ok) e depois e so vc arrumar a velocidade e salvar em (Salve for web) e pronto Oii, o Tutorial de Hoje vai ser Como colocar uma Frase ou um Texto ao passar o Mouse por uma imagem ou um Link.Para colocar link na imagem e bem facil.A sua imagem precisa estar na internet. Voce pode hospeda-lo no seu proprio blog, basta clicar na ferramenta de enviar imagens ou upload de arquivos e selecionar a sua imagem ou se preferir hospede suas imagens no ImageShack ou Photobucket. Voce vai prescisar da URL das imagens.Veja um exemplo:Para colocar essa Mensagem nas imagens ou Links, nas Postagens, nos Gadgets, no Banner e so acrescentar title="SEU_TEXTO_AQUI" para usar nas imagens e Links. Veja alguns exemplos :Nas imagens com Link :<br><a href="ENDERECO_DO_BLOG_OU_SITE_AQUI" target="_blank"><img src="ENDERECO_DA_IMAGEM_AQUI" border="0" title="MENSAGEM_AO_PASSAR_O_MOUSE_AQUI"></a><br>Nos Links :<br /><a href="ENDERECO_DO_BLOG_OU_SITE_AQUI"title="MENSAGEM_AO_PASSAR_O_MOUSE_AQUI" target="_blank">NOME DO LINK</a><br />Viu como e facil ?? Deixe um comentario dizendo o que achou do Tutorial !! ^^ Respondendo uma duvida deixada em um de nossos comentarios sobre como colocar um efeito no banner de parceria, tamanho 120x60. Existe um codigo para trocar a imagem quando passamos o mouse sobre ela, e um codigo simples e funciona perfeitamente, passe o mouse sobre nosso banner ao lado e veja que ele muda, o codigo para fazer isso e:<a href="http://jornaljd.blogspot.com"target="_blank" onMouseOver="document.images['myimage'].src='http://img410.imageshack.us/img410/6580/olho2.gif';" onMouseOut="document.images['myimage'].src='http://img22.imageshack.us/img22/7136/jornal.jpg';"><img src="http://img22.imageshack.us/img22/7136/jornal.jpg" border="0" id="myimage"/></a>Voce precisara fazer duas imagens do mesmo tamanho e hospedar a imagem, sugerimos fazer isso no ImageShack se tiver dificuldades para encontrar a url certa da imagem veja essa explicacao em video depois e so colocar os enderecos das imagens no codigo acima e pronto. Mas note que uma das imagens e repetida duas vezes no codigo.Apesar de falarmos em imagens para banners de parcerias esse codigo serve para imagens de qualquer tamanho. Outro detalhe que precisamos esclarecer e que esse codigo apenas troca a imagem mas quando passar o mouse na imagem que usamos como exemplo notara que ela ficou semi transparente a explicacao de como fazer isso voce encontra em nossa postagem sobre imagens transparentes. Modificar o