Primeiramente você irá abrir o o editor de html do seu blog, e procurar o seguinte código:
]]></b:skin>Logo após encontra isso, cole o seguinte código acima do código anterior.
#spineffectNão irei explicar o código por que não entendi direito mas é só vocês irem cutucando aqui e ali e pronto seu efeito estará quase pronto, falta algo ainda.
{-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
#spineffect:hover
{-webkit-animation-name: spin;
-webkit-animation-duration: 400ms;
-webkit-animation-iteration-count: 2;
-webkit-animation-direction: alternate;}
@-webkit-keyframes spin
{from {opacity: .99;
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-moz-transform: rotate(0deg);}
to {opacity: .30;
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
Por ultimo cole o código abaixo em um gadget de html/javascript.
<a href="Link_Aqui"><img src="link_da_tua_imagem" id="spineffect"></a>Onde está Link_Aqui você irá colocar algum link exemplo:
<a href="http://its--blog.blogspot.com"><img src="link_da_tua_imagem" id="spineffect"></a>e onde está link_da_tua_imagem vocês vão colocar o link de alguma imagem. Se não quiserem colocar nenhum link basta tirar essa parte do código.
<a href="Link_Aqui">

Adorei o efeito, eu estava mesmo procurando um efeitinho diferente, esse tuto foi muito útil (:
ResponderExcluirAhh querido, muito obrigada pelo apoio XoXo'
your smile ♥
Denada e denada, ajudar uns aos outros não faz mal.
Excluir