Thifany Hannah Giulia

29 janeiro 2013

Efeito Zooming


Ola mini cupcakes *-* Estão bem hoje? Eu estou muito bem, fora o calor que dá aqui na minha cidade! Mas sem mais nem menos, vamos logo falar do tutorial de hoje, quem está afim de aplicar um efeito nos afiliados do blog chamado Zooming?

Ele é assim, está lá a imagem normal e ao passar o cursor em cima, a imagem aumenta, mas não sai do quadrado, fica meio transparente, e aparece um pequeno lugar para adicionar uma pequena descrição de você e acima seu nome... Enfim, é bem mais simples vocês verem aqui no gadget ''Efeito Zooming''.
Primeiramente tenho que avisar que esse efeito se devem todos os créditos ao famoso blog Kawaii World, que é perfeito pacas!

¹Vá no HTML do seu blog e acima de ]]></b:skin> cole o código 
Que está aqui
 É bem fácil de editar qualquer coisa é só perguntar aqui nessa postagem mesmo que eu respondo!

²Adicione um gadget de HTML/JavaScript e cole o código abaixo
<div id="zooming" class="zoomingout"><img src="LINK DA SUA IMAGEM" class="image4" />
<div id="palavras"><a href="link" class="header">TEXTO EM ROXO OU OUTRA COR</a>
<br />
TEXTO TEXTO TEXTO</div></div>,
 Agora é só editar como preferir! Bem simples e lindo!
Agora um grande beijo que vou ir fazer meu cappucino, mesmo estando quente! =S

Nenhum comentário:

Postar um comentário