Tutorial: Efeito para Afiliados do Blog

Olááá pessoainhas!!

Tudo bom??

Depois de muito tempo sem tempo, eu finalmente consegui um tempo, e esse tempo, vou usar pra trazer um tutorial pra vocês. Eu acho esse tutorial muito fofo, e muito fácil de fazer. Eu vi ele no Chovendo Diamantes, então... créditos à Bárbara.

Eu acho que vocês irão gostar, e usem, eu usaria também, mas vou esperar o próximo layout. Sim, eu vou fazer o layout mais espetacular, e trabalhoso de toda a minha vida através desses 12 anos. Eu vou dar de tudo nesse layout, pois eu amo esse tema, e estou muito ansiosa.

Vamos ao tutorial logo...

PREVIEW

Procure por  ]]></b:skin> e acima dessa tag cole:

.spineffect{max-width:85px;-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);    -moz-transform: rotate(360deg);}}

Não mexa em nada, deixe o código do jeito que está, pois algumas alterações podem comprometer o efeito. Depois adicione um gadget de HTML/Javascript  e nele cole:

<a href="LINK DO BLOG"title="NOME DO BLOG"><img src="LINK DA IMAGEM"   class="spineffect"/></a>

A Bárbara fez umas imagens, pra acompanharem esse efeito, e vou trazer elas pra vocês também. Vejam:

Espero que tenham gostado.

Beijos,

Pâme