<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>
Você precisará 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 explicação em video depois é só colocar os endereços das imagens no código acima e pronto. Mas note que uma das imagens é repetida duas vezes no código.
Apesar de falarmos em imagens para banners de parcerias esse código serve para imagens de qualquer tamanho. Outro detalhe que precisamos esclarecer é que esse código apenas troca a imagem mas quando passar o mouse na imagem que usamos como exemplo notará que ela ficou semi transparente a explicação de como fazer isso você encontra em nossa postagem sobre imagens transparentes.
Link para esta página
30 comentários:
Vc poderia colocar como deixar a radio off, tipo quando uma pessoa entra no meu blog so liga a radio se quiser.
meu blog: http://vamp-downloads.blogspot.com/
obrigado
algumas radios fornecem essa opção outras não, você tem que ver isso na hora de pegar o código no site da radio porque a maioria delas é impossivel alterar a opção de ligar automaticamente.
Site muito bom =D
venho acopanhando a mtuuu tempo ^^
Legal a dica, eu mesmo não sabia.
Vou começar a fazer alguns teste em imagens no meu blog, valeu.
Willian Coutinho
http://dicasplugins.net
Vc tem alguma explicação de como fazer o banner? Obrigada.
EAD
como fazer banner é complicado pois é edição de imagem, então não tem muito como explicar, mas já postamos uma lista de programas gratis para editar imagens
http://dicasparablogs.blogspot.com/2008/08/programas-gratuitos-para-edicao-de.html
Valew brother, sempre com dicar simplies praticas e objetivas.
só pra avisar, aqui a imagem ta bugada.
Ricardo Lopes
obrigado por avisar, já troquei a imagem.
TENHO QUE DAR MÃOS A PALMATORIA!!
Você é muito bom, fiquei sabado inteiro procurando e só encontrei aqui. Muito obrigado por nos ajudar!!!!
boa dica deu certo no meu blog mais na hora que eu coloquei uma imagem do lado da outra ele parou de funcionar vc sabe como e que eu faço para fazer esse codigo em varias imagens uma do lado da outra ou e so em uma
Cara não tá funcionando não!
Animações dos Sellens A-S
talvez esteja usando o endereço errado da imagem, como pode ver nesta postagem o código funciona
Bom cara mas qdo eu passo o mouse por cima não muda pq será?
marcos eu so tenho a ti agradecer, pois o seu blog, é muito bom, tenho aprendido de mais,pois é bem explicativo como vc da as dicas,eu estou apenas começando, e pode ter certeza quando tenho alguma duvida corro pro seu blog.
valeu meu amigo continue assim!
email-ixnbravo@hotmail.com
Como eu hospedo a imagem depois de pronto???
veja aqui como hospedar as imagens
http://www.dicasparablogs.com.br/2008/12/hospedagem-de-imagens.html
Fabiano, fiz tudo conforme seu tutorial. coloquei 2 imagnes na sidebar com esse efeito, porem, quando eu passo o mouse sobre o primeiro, a imagem que deveria aparecer, aparece no segundo. Não sei se entendeu, mas preciso de ajuda, meu prazo de entrega de layout esta acabando e eu preciso disso para termina-lo.
Lucas C. M.
veja que um endereço de imagem aparece duas vezes no código, talvez esteja colocando os endereço em lugar errado.
Consegui colocar tudo certinho, mas tenho outro problema agora... a segunda imagem (ao passar o mouse) esta demorando demais para aparecer.
o tempo que a imagem demora para aparecer tem a ver com o tamanho da imagem, onde está hospedada, velocidade de internet...
não é possível corrigir isso no código
Eai amigo bloggeiro tudo bom?
quero uma ajuda sua fera!!
como voce faz pra por codigo HTML em seus posts e eles nao se executarem??
tipo se quando eu for fazer um post assim:
Ola galera hoje eu vou ensinar a como por titulo no seu blog, entao peguem o codigo abaixo:
< html>< title>ESCREVA O TITULO
Me responda no msn ou no meu blog!
msn: thow4ever@hotmail.com
thow4ever.blogspot.com
Thow4EveR
para publicar codigos use o blogger in draft e veja as opções na pagina de postagens, ou também com um programa para editar html
Publicar Código
olha eu ja tentei mil vezes e nao consigo, faço,repito e quando vou ver o resultado ...nada...
fiz dois banners, coloquei a url do primeiro, depois do segundo e repeti a do segundo, nada...o que sera?ah, aprendi muitas coisas aqui, obrigada.
É a Nossa " Cara"
pode acontecer dois erros ao editar esse código, veja se não está cometendo um deles:
endereço da imagem errada
lugar dos endereços errada.. apenas um dos endereços tem que repetir duas vezes no código
Olha eu tentei colocar isso no meu blog, mais eu não entendi a parte dos links, eu fiz tudo como você explicou, mais a imagem não muda, e quando muda se nós tirarmos o mouse a imagem continua lá... Como eu resolvo isso?
victor giovane kinczel slezinski
precisa colocar outro endereço de imagem no código, mas veja que um deles aparece duas vezes.
Imagem não aparece
Funcionou vlw :D muitos caras estão me perguntando como fazer isto, daí eu digo que aprendi aqui até mando o endereço da imagem vlw aêw :D
Fabiano, eu queria saber como faz um efeito no banner do blog que já vi em vários blogs, eu sei que é uma animação em flash (swf), é tipo assim, fica tipo uma luz passando por cima do texto, mas como deu faria, um dos sites que tem isso é o downloadsgratis.org.
o flash é um programa, é um pouco complicado de mexer, mas tem sites que criam banners em flash online, tente pesquisar no google
Postar um comentário