segunda-feira, 26 de setembro de 2011

3 efeitos pra sua elite afiliados!

Hoy gurias e guris que leem meu blog *o* Já faz um tempão que eu não posto nenhuma dica, tutorial para Blogs né?  Tudo isso é culpa do Rilakkuma, já que fico horas e horas no weheartit vendo imagens desse ursinho fofo (Risos) e me esqueço totalmente do tempo! 
-
Então gente eu vou compartilhar com vocês vários códigos (3 na verdade :p) que servem para dar um diferencial  nas imagens. Que podem ser usados na elite afiliados ou em qualquer outra parte do blog basta usar a criatividade!

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!

É isso! espero que tenham curtido!

56 comentários :

  1. Adoooreei o efeito Jackie! eu só poderia encontrar aqui msm né? U.U

    Jack entra no seu email agr ou no msn,preciso falar contigo!

    http://meianoite-br.blogspot.com/

    ResponderExcluir
  2. Nossa adorei e sem fala que parece ser mto mais pratico para as blogueiras =D e para os leitores como eu fica bem mais lindo e interesante ver o Blog .. ameiii Bjs :h:

    ResponderExcluir
  3. Adoreii, super fácil, eu super me enrrolo com essas coisas..

    Um beeijo..

    http://maryhitner.blogspot.com/

    ResponderExcluir
  4. Super prático! Adorei =)

    estou seguindo, segue d volta?
    bj
    blog-da-alice-estrela-cadente.blogspot.com

    ResponderExcluir
  5. Legaal os efeitos, o da imagem mudar eu tenho um tuto no meu blog, mais o ruim dele é q ele para de funcionar depois de um tempo! :S Maiis adoorei ;D

    ResponderExcluir
  6. nãaaao tem como não te seguir *-*
    Tudo lindo, parabéns! Beijos
    http://rodiziodepensamentos.blogspot.com/

    ResponderExcluir
  7. Olá,
    Parabéns pelo blog! Estou seguindo.
    Segue lá também..

    http://estanteseletiva.blogspot.com/

    ResponderExcluir
  8. Olá Diva Deixei um Selinho com questionario pra vc Lá no meu blog Okk Bjuss boa noite...<3
    http://clubteenbrasil.blogspot.com/2011/09/selos.html

    ResponderExcluir
  9. Cada efeito melhor que o outro! :) Adorei o da opacidade! Beijinhos :*

    ResponderExcluir
  10. Ain que lindos só conhecia o da opacidade.. Mas isso é tudo culpa da rilakkuma. *-*, haha.

    Já tinha visitado aquela pag. mas não tem nada.. :(, mas por enquanto não vou mais postar nada ...

    Bjok´s, Guriia

    ResponderExcluir
  11. Jackie consegui dar um jeito, mas tive que mudar de endereço...

    olha coloquei os tracinhos agora, :(.., mas como exclui tudo vo tenque começa tudo de novo..

    http://cidade-de-garotas.blogspot.com/

    ResponderExcluir
  12. A sua presença no dia do meu aniversário foi super especial e importante para mim, mt obrigada pelos parabéns de coração ameei (L)
    Tenha uma ótima semana para você ;*
    Beijos!

    ResponderExcluir
  13. amei as dicas!!!! =)
    bjnssss ♥ ♥ ♥
    Luíza
    http://jornaldaluluteen.blogspot.com

    ResponderExcluir
  14. oi tem um tag para vc no blog!
    teengirls-manahatori.blogspot.com

    ResponderExcluir
  15. oi vc faz isso para mim eu não consegui!
    beijinhos
    teengirls-manahatori.blogspot.com

    ResponderExcluir
  16. Ameiii o post!!!
    Super util...parabens!
    Beijinhos
    @bonnytinha
    www.vengent.blogspot.com

    ResponderExcluir
  17. Oi Jackie *-*

    Parabéns pelo tutorial... eu não sabia como trocar imagens KKKKKKKKKKK

    Bjonas (:

    Fique com Deus ♥

    ResponderExcluir
  18. Amei amei...
    Amei amei...

    ta tendo sorteio de um curlformes

    http://paulinhapiink.blogspot.com/2011/09/sorteio-curlformes.html

    Beijinhso♥piink

    ResponderExcluir
  19. Aquii é muito fofo *-* Qualquer uma fica apaixonada por tudo isso.
    Agora me diz: "A onde eu coloco essas coisas para as imagens ficar assim?" Sou um pouco burrinha nessas coisas =/
    Beijos,
    just-a-girl21.blogspot.com

    ResponderExcluir
  20. que gracinha seu blog, parabéns.....bjs
    http://anjoscoloridos-lili.blogspot.com/

    ResponderExcluir
  21. Vou dar uma parada nos posts por um tempo.. Mas os blogs que gosto vou continuar visitando, assim como o seu.. *-*

    Bjok´, Guriia..

    Se precisar estou aqui também *0*

    ResponderExcluir
  22. Gostei do seu blog e jah sigo,visite o meu e se gostar siga
    de volta!!!

    paginasempreto.blogspot.com

    Beijos Ela Oliveira

    ResponderExcluir
  23. Olá!
    Primeira vez em seu blog, gostei das dicas, tem muita coisa útil aqui, e o layout está muito fofo *--*
    Bjs <3

    ResponderExcluir
  24. seu blog é foofoooo demaaisss!! *-*
    to seguindooo!
    ta tendo sorteio no nosso blog tambem! participe ^^
    http://biglittlenails.blogspot.com/2011/09/sorteio-de-inauguracao-do-bln-blog.html
    beijoos!!

    ResponderExcluir
  25. Seu blog é muito lindo mesmo ! *-*
    Beijos ! Á, e gostei das dicas de fotos..
    http://atitudeounada.blogspot.com/

    ResponderExcluir
  26. Acabei de conhecer seu blog,muiito fofo, seguindo *-*
    Tbm amoo o Rilakkuma, mto fofo ♥

    bjs

    ResponderExcluir
  27. Gostei muito de seu post!
    Muito interessante e eu nunca tinha visto esses códigos em outro lugar (:
    Conheci agora o seu blog e eu o adorei.
    Ele é muito fofo, divertido, tem posts muito engraçados e diferentes, além das ótimas imagens e testes que faz.
    Já estou seguindo.
    Se tiver tempo, passa lá no meu blog e dê sua opinião, espero que goste.

    Esse é o ultimo post, vou facilitar dando o link pra você:
    http://meianoiteequinze.blogspot.com/2011/09/setima-alma_27.html

    Beijos!
    meianoiteequinze.blogspot.com > oficial
    mnqdesigns.blogspot.com > encomendas

    ResponderExcluir
  28. Olá, parabéns pelo blog^^
    estou te seguindo
    espero retribuição
    bjokas
    kah santos :)
    www.kekeprincesa.blogspot.com
    :h

    ResponderExcluir
  29. Oi estava visitando alguns blogs e encontrei o seu blog adorei...
    Já estou seguindo

    http://marifriend.blogspot.com/
    @Storieandadvic
    Espero sua visitinha, adoraria que você seguisse também.
    beijo

    ResponderExcluir
  30. oi eu devo eu não entendi o codigo!
    eu tentei mas não consegui mas quer saber!
    não precisa fazer mas para mim não!

    ResponderExcluir
  31. Ai muito lindo, tanta coisa fofa. Amooo! Bjãooooooo

    ResponderExcluir
  32. Oi querida, já coloquei seu banner lá nos parceiros também...
    Adorei o post =)

    Beijos =)

    ResponderExcluir
  33. oi vc está falando que vai fazer um concurso mas o certo
    é fazer eu vc o blog=
    garota descolada!
    beijinhos!

    ResponderExcluir
  34. amo suas dicas Jackie. otimo post.
    beijos

    ResponderExcluir
  35. Oi!!

    Adorei resenha, super válida!

    Novidades no blog é lojinha virtual "BELEZA GAÚCHA" VENDAS DE KITS E OUTROS PRODUTOS EM BREVE, COMPREÇOS DIFERENCIADOS E OUTROS PRODUTOS E MARCAS EM BREVE!ADICIONEM AOS SEUS FAVORITOS VAI ADORAR FICAR LIGADINHA!

    Acesse: maniadebelezagauchatche.mercadoshops.com.br

    ResponderExcluir
  36. Oi flor, adorei o blog passando pra dizer que lá no blog ta tento um concurso de divulgação. Passa lá e confere se gostar participa! beijos
    http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  37. Ah esqueci de dizer.. rsrs to seguindo seu blog amor, vim aqui um outro dia mais não aparecia o seguir, deixei pra mais tarde e esqueci rsrs to seguindo! beijos
    World Girl-Official http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  38. Oii sera que vc poderia piostar como fazer para as barras latarais ficaram com duas cores e como ajustar o gadeggets nelas? Bjus obrigada pela visita. sua opinião é muito importante para miim

    ResponderExcluir
  39. Amei segue meu blog ai meninas http://modanaadolencencia.blogspot.com/

    ResponderExcluir
  40. Hey Jackie seu blog é mais que lindo, obvio que eu ja sigo, quem nao seguiria?
    Eu estava pensando, você pode dar uma passadinha no meu e se gostar pode até seguir :h:
    serio amei o blog mesmo
    :l:

    ResponderExcluir
  41. Eu tenho uma Bolsinha, desse Bichinho ai :D Porta celular é tão cute ... Beijos :*

    ResponderExcluir
  42. Show de bola esses efeitos...Obrigada.

    ResponderExcluir
  43. heey jackie, vc pode fazer um toturial de como tirar aquilo de links para esta postagem? e pode tambem fazer outro de como por aquele gadjet q vc tinha de "siga @jackiezanini", por favor?
    beijos, garota continua assim!
    http://xicablog.blogspot.pt/

    ResponderExcluir
  44. Oiii garotas segue meu blog ? voce-conectada.blogspot.com eu retribuo amores! Bj

    ResponderExcluir
  45. Adorei os efeitos!!
    a primeira é legal para fazer testes u.ú ameei e voou usar hihi'-'
    Bjooos
    noisconectados.tk

    ResponderExcluir
  46. Opá nao estou a conseguir =(
    Ajudas me pf?
    http://inspirationsbymeforyou.blogspot.pt/

    ResponderExcluir
  47. @Filipa Soaresclaro que ajudo!
    É só dizer onde esta com duvidas?

    (:

    ResponderExcluir
  48. Muuito legal o post, eeu uso o de Opacidade no meeu. Fica realmente lindo *---*

    Obrigada por seguir meu blog querida,agradeço muitissimo, se precisar de alguma coisa,só falar :)
    http://comentariosde1garotaqualquer.blogspot.com.br/

    ResponderExcluir
  49. Como é que coloca Link de destino no primeiro efeito ? Beijoookas

    ResponderExcluir
    Respostas
    1. Normal depois de colocar o efeito onde você quer é só adicionar o link normalmente... Tipo como se fosse uma imagem qualquer. Mas de qualquer forma eu atualizei o código tá?

      Excluir
  50. ah muito obrigada, vc me ajudou de mais mesmo, vou até seguir o seu blog
    obrigada
    http://nerdskawaiizonne.blogspot.com.br/

    ResponderExcluir
  51. ah muito obrigada, vc me ajudou de mais mesmo, vou até seguir o seu blog
    obrigada
    http://nerdskawaiizonne.blogspot.com.br/

    ResponderExcluir

.