10/12/2014

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 turvo, 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"

1. Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  

Códigos
<data:newerPageTitle/>

2. Apague e no lugar coloque:

Códigos
<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"

1. Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  

Códigos
<data:olderPageTitle/>

2. Apague e no lugar coloque:

Códigos
<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"

1. Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  

Códigos
<data:homeMsg/>

2. Apague e no lugar coloque:

Códigos
<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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345