Efeito slowly

Oi! Como estão os meus serumaninhos favoritos? Já deu tempo de sentirem minha falta? ESPERO TER DADO, só para avisar. Então, eu realmente não sei postar com a frequência adequada. Eu quero fazer um milhão de coisas em um só dia e acabo dormindo por grande parte dele e não fazendo nada. É triste, mas é a realidade. Agora, acabei de baixar o The Sims 3 e meu tempo passou a se resumir exclusivamente a isso porque ô joguinho viciante, viu? Sendo assim, por mais que eu tente ser a rainha da produtividade, sempre caio na procrastinação. Não recomendo serem como eu. É bem frustrante, na verdade. Gosto quando meu ócio é criativo, caso contrário sempre sinto que estou desperdiçando o meu tempo. Doidera. Enfim, deixando minhas besteiras de lado, fazia tempo que eu não postava alguma criação de código aqui, então lembrei de um efeito para imagens de afiliados abandonado no blog de previews e vim compartilhá-lo com vocês. É bem simplezinho – como quase  todo o conteúdo do blog –, mas um amorzinho. Espero que gostem. ﾐ

☆ preview 

No painel de controle do Blogger, clique em Tema e vá nas três bolinhas, escolhendo Editar HTML. Dê um clique dentro da área de código para localizar seu cursor, aperte Ctrl+F no teclado, pesquise por ]]></b:skin> e dê enter. Depois de ter encontrado, cole acima/antes disso o seguinte código:

.slowly {
width: 41px;
height: 41px;
border-radius: 1px;
box-shadow: 1px 1px #fff;
padding:2px;
background:#fff;
border: solid 1px #cbe5e9;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
}
.slowly:hover{
transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);
-webkit-transform: rotate(181deg) scale(0.615) skew(1deg) translate(0px);
-moz-transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);
-o-transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);
-ms-transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);
}

No painel de controle do Blogger, clique em Layout, adicione um gadget HTML/JavaScript e cole o seguinte código:

<a href="LINK" title="NOME DO BLOG"><img class="slowly" src="LINKDAIMG" /> </a>

Substitua os dados em negrito e repita o código quantas vezes for necessário para criar sua elite.

É isso, pessoal. Se usarem, não esqueçam os créditos e não rebloguem. Ah, um aviso rápido aqui: na próxima segunda estarei viajando e passarei 13 dias longe, então não garanto que postarei durante esse tempo, ok? Mas nos vemos assim que for possível. Fiquem bem, se cuidem.