21/12/2012

Efeito Shake


Olá meus bunnys crazys, como vão vocês?  Trago um efeito bem legal que eu achei  no blog KW, então ai esta os devidos créditos. O efeito e como o nome diz Shake ela meche quando você passa o mouse por cima, caso queiram dar uma olhadinha basta clicar no link mais abaixo. Gostaram? Divertido não é, vamos tentar?


1. Vá até editar HTML e lá procure por <head> e abaixo dessa tag, adicione este código:

Códigos
<script src='http://sites.google.com/site/webunnycrazy/c/shake.js' type='text/javascript'/>

2. Agora procure pela tag ]]></b:skin> e acima da tag, cole:

Códigos
.shake {position: relative; display: inline;}

3. E para finalizar, adicione um novo gadget de HTML/JavaScript e dentro cole o código abaixo, e então coloque a imagem onde indica:

Códigos
<img src="URL DA FOTO" class="shake" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()"/>

Beijinhos e até a próxima!

5 comentários:

  1. Legal vou usar no meu novo layout

    ResponderExcluir
  2. Lindo amei , vou usar .. Perfeito o blog seguindo ^^
    http://alllovelyandflluffy.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada por usar Taty *---------* ain muito obrigada.

      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