5 de ago de 2012

Tutorial: Leia Mais com efeito



Olá pessoas,

Hoje vim ensinar um efeito muito legal no "Leia Mais" do blog. O efeito é que a imagem mudar ao passar o mouse em cima :) Então hoje vou deixar o blá, blá, blá de lado e começar logo o post!

Créditos: Jackie Dream

Vá no seu HTML e marque a opção expandir modelos Widgets depois aperte ctrl+f ou f3 e procure por: <data:post.jumpText/> depois que achar isso apague e no lugar coloque:

<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>

O que está de itálico é onde vai colocar o link da imagem sem o mouse e o que está de negrito é onde põe o link da imagem com o mouse :)

Visualize para ver se está tudo certo e salve!

No blog da Jackie tem alguns "Leia Mais" pra vocês!

Kisses,


~~Nanda

10 comentários :

  1. Ótimo tutorial, não conhecia!!

    http://garotavertigem.blogspot.com/

    ResponderExcluir
  2. Esse tutorial deixa o blog uma gracinha ^^
    E se não for pedir muito, pode disponibilizar a fonte que vc usou no seu cabeçalho??
    É MUITOOOO LINDAAA!! kkk'
    =P
    # http://chilipiink.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Vou disponibilizar pra vc :p me passa seu e-mail?

      Excluir
  3. Oi faz um tutoria de como colocar link me, destaque e participo do jeito que você coloca? A e se inscreve no meu blog? Beijos. http://blogdonthateme.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. tá vou colocar no proximo tuto! *indo se inscrever*

      Excluir
  4. Oie! Primeiramente parabéns pelo seu blog! Eu amei! Sério eu amei o cabeçalho, o conteúdo, fala sério, ele é perfeito!
    Bom...Outra coisa é:
    Posso te colocar nos meus afiliados?
    Responde lá no meu blog! Vai ser uma honra te receber lá!

    http://senhorita-cupcake.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. aceito sim afiliação! haa muito obrigada!

      Excluir
  5. OMG!! Valeu Nanda!!
    Ó aqui o e-mail: chilipiink@hotmail.com
    Esse é o e-mail do blog, mas tbm meu XD
    Beijos
    #http://chilipiink.blogspot.com.br

    ResponderExcluir
    Respostas
    1. haa de nada! Já tó indo mandar o e-mail!

      Excluir