4/08/2013

Personalizando Recentes, Início e Antigas com imagem em hover!


Olá!
 Como foi o dia de vocês? O meu foi ótimo, tirando a parte que eu eu minhas amigas fomos quase "espulsas" posto de saúde por falar alto de mais, já que hoje na hora que eu sai da escola estava chovendo eu eu tive que me esconder no posto de saúde que tem perto da escola.

Também tem um avizinho: se alguns desses dias o blog estiver dando aquele aviso de "somente para autores convidados" ou coisa assim, é por que eu estarei colocando o novo layout!

Mais vamos ao que interessa. Hoje trago um tutorial muito bom!
Vamos colocar imagem no lugar dos links: Início Recentes e Antigas, e em hover também!



 Alterando Postagens Recentes 

Vá até o Htlml do seu blog e marque a opção Expandir modelos de Widget.

Dê um Ctrl F e pesquise por <data:newerPageTitle/>  

Depois de achar o código, substitua-o por

<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'/>

Substitua as partes destacadas por o url da imagem, como já explica no código.

 Alterando Início 

Procure por: <data:homeMsg/>


Substitua esse código por:


<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'/>

Você vai substituir as partes destacadas pelo URL da imagem.

 Alterando Próxima 

Procure por <data:olderPageTitle/>  
Agora substitua por :

<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'/>

Siga os mesmo paços dos anteriores.

Aqui algumas imagens que podem usar:






















 







Créditos do tutorial: Goods Sweets

6 comentários:

  1. Oii, lindas as imagens *---*
    Aceito sua afiliação :) Já segui e coloquei lá no gadget. Espero que faça o mesmo :3 Beijos
    -------------------------------------------
    goods-sweets.blogspot.com

    ResponderExcluir
  2. Ain não sabia que tinha como colocar em hover, bom saber disso, quem sabe no meu próximo lay eu use >.<
    E muito lindas as imagens flor.

    Doce Mundo Kawaii

    ResponderExcluir
  3. Seguindo,seu blog é maravilhoso,amei as dicas
    http://meu-mundo-alternativo.blogspot.com.br

    ResponderExcluir
  4. Adorei o tutu! Estou usando no meu blog!!!
    Obrigada! E será devidamente creditada!!! ^w^
    http://ichigowagashi.blogspot.com.br/

    ResponderExcluir

Oi meus Cats!
Regrinhas dos comentários:

-Sem ofensas a algum leitor, autor ou blog.
-Sem conteúdo ofensivo.
-Deixe o link do seu blog no comentário, que assim que puder retribuirei a visita.
-Pedidos, na Ask.
-Se comentou, volte para ver a resposta do comentário.
-"Seguindo, segue de volta?", aceito, não vejo mal nem um. Mas se não houver nada no comentário a ver com a postagem, o comentário será ignorado.

Comenta, vai?