8.4.13

Como colocar efeitos nas imagens dos afiliados no blog?


Surgiu uma dúvida aqui no MB de um leitor 'Willian' sobre os efeitos nas imagens para afiliados/parceiros do seu blog, então decidi fazer um tutorial para ajudar não só a esse leitor mais a você também... Os créditos deste tutorial vai para www.

3 efeitos pra sua elite afiliados!



OBS: Os efeitos não vão funcionar quando você passar o mouse neste poste, mais irá funcionar no seu blog... Faça o teste!

Imagem muda ao passar o mousse


código desse efeito:

<a href="url do endereço"><img src="URL da imagem" onmouseover="this.src='URL da imagem ao passar o mouse'; return true" onmouseout="this.src='URL da primeira imagem'">


Imagem com link (abri em outra guia)

início jackie dream
código desse efeito:

<a href="LINK DE DESTINO" target="_blank"><img src="LINK DA IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM"></a>


Efeito opacidade + descrição da imagem + link de destino


código desse efeito:

<a target="_top" href="URL DA SUA IMAGEM AQUI"><img title="Descrição" src="link de destino" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" border="0" height="24" width="39" /></a>
IMPORTANTE: nos trechos height="24" width="39" (height= altura) (width= largura) ajuste somente os números para a largura e altura da sua imagem!

Clique AQUI para ver & copiar Imagens para Afiliados

créditos: Jackie Dream

2 comentários:

  1. é, isso mesmo.
    obrigada.

    Flor, você poderia ser minha afiliada?
    já sigo seu blog há um tempão!
    se vc quiser, vai lá no meu blog, segue ai pronto. já coloco vc como afiliada.

    XOXO!

    ResponderExcluir
    Respostas
    1. Mas é claro que eu aceito ser sua afiliada!
      Eu já sigo o seu blog a um tempo também!
      Beijos!

      Excluir

- Se tive alguma dica, diga! =)
- Alguma dúvida ou algum pedido? Comente!
- Sim, visito o seu blog, mande o link! =D
-Favor não ofender ninguém, elogios e criticas são bem vindos, mas mantem o respeito!
Obrigada, MB!

Copyright © 2016 | Design e Código: Mistério do Brilho e Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo