10/12/2014

Tutorial: Efeito hover nos links "Postagens mais recentes" "Início" "Postagens mais antigas"

||

Yo! Yo! Finalmente parei de tomar os remédios que o médico me receito, gente parecia que tomei outra coisa. Ficava vendo tudo longe e me assustava com tudo, além do sono horrível. Mas hoje estou meio chateada...o blogger hoje está de implicância comigo envio as imagens e ficam com a qualidade horrível! Já enviei umas três vezes e nada de melhorar... estou achando que é do meu blog. Mas hoje trago um tutorial que pouco vejo na web, pelo menos "eu". Como colocar "Postagens mais recentes", "Início" e  "Postagens mais antigas" com imagens e efeito hover. Nunca cheguei a usar, mas legal porque é sútil e todo mundo vê.



1. Modificando "Postagem  Recente"

Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  
<data:newerPageTitle/>
Apague e no lugar coloque:
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem ao mouse em cima&apos;; return true' src='url da imagem principal'/>


2. Modificando "Postagem Antiga"

Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  
<data:olderPageTitle/>
Apague e no lugar coloque:
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem ao mouse em cima&apos;; return true' src='url da imagem principal'/>


3. Modificando "Início"

Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  
<data:homeMsg/>
Apague e no lugar coloque:
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem ao mouse em cima&apos;; return true' src='url da imagem principal'/>

XoXo~

14 comentários:

  1. Nossa amei o tuto <3
    Super útil ^^

    Kissus ^3^ http://imaginandomais.blogspot.com.br/

    ResponderExcluir
  2. Legal esse tutorial, quase sempre uso nos meus lays (QUASE SEMPRE...)

    http://madnesshoujo.blogspot.com.br/

    ResponderExcluir
  3. Acho que fica delicado, adoro o resultado! Ótimo tutorial. Beijos.
    www.dai-sies.blogspot.com

    ResponderExcluir
  4. amei
    http://fernandaxdea.blogspot.com.br

    ResponderExcluir
  5. Ixi, remédio com esse tipo de efeito? Tem certeza que não era dorgas não? -q uaheuahe Não, mas se eu tomasse algo e tomasse susto com tudo, eu passaria o dia na cama chorando (tenho medo de tomar susto) ç3ç
    Realmente, é um tutorial difícil de encontrar! Estou amando essa maratona! Essa coisa de blogs pessoais praticamente extinguiu os blogs de html e eu quase morri para fazer um layout novo ç3333ç é bom ver que ainda há blogs de html por aí ♥

    Beijos ♥
    { At Morning }

    ResponderExcluir
    Respostas
    1. Hushaus não, não. Só é um remedio bem forte. Eu também por isso fiquei na cama, também tenho medo de tomar sustos.
      Que bom, fico feliz que esteja gostando. Pois é né? o.o Incrivel como era um enxame e do nada tudo sumiu e parou.

      Excluir
  6. Oii Wendy,
    Que bom que você está bem,esse tutorial é super util mesmo e usarei em meu proximo Layout,assim que o blog tiver 1 mês,love suas postagens

    Kissus ^3* | www.rafaeladmelo.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Ah vai chegar rapidinho então, muito obrigada por gostar d tutu e do blog. *--------*

      Excluir
  7. Adorei seu blog, ajuda bastante ^-^ Enfim, nossa é horrível mesmo tomar remédio estranho. Eu mesma estou tomando um que me faz vomitar ~eca. Esse tuto reaalmente não aparece muito, talvez eu use no próximo lay.

    http://peronaworld.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Becs. Verdade =( Sério? Tomara que fique bem logo, para poder parar de tomar. Tomara que use. *3*

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram