Efeito Boring

Ei ei ei! Tudo bem? Estou feliz que não tenho aula hoje, mas por outro lado, estou no tédio. Caso queiram sugerir algum tema de postagens, estamos as ordens! Bom, eu resolvi trazer um efeito bem fofinho para vocês. Lembrando que tudo o que eu posto é feito por mim, é tudo exclusivo! Por tanto, caso use algum material disponibilizado por mim, credite, ok? ;3 O efeito é simples, mas charmosinho. A imagem fica pulsando e com um "pisca-pisca sépia". O ideal é usá-lo nos afiliados. Veja:

Claro que você vai usar imagens mais fofas, essas foram apenas para testar o efeito. Enfim, caso queira aprender a fazê-lo, continue lendo! 

1. Vá em seu HTML,  procure por  ]]></b:skin> e acima dessa Tag, cole:

/***** Efeito Boring por Gaby SB12: mundinhomagicodagaby.blogspot.com NÃO REMOVA OS CRÉDITOS! ******/

@-webkit-keyframes Boring {

1% {-webkit-filter: sepia(80%); }

25% {-webkit-transform: scale(1.2);  }

}

@-moz-keyframes Boring {

1% {-webkit-transform: Scale(0.5px); }

25% {-webkit-transform: Skew(-10deg);  }

}

@-o-keyframes Boring {

1% {-webkit-transform: Scale(0.5px); }

25% {-webkit-transform: Skew(-10deg);  }

100% {-webkit-transform: Scale(0.85px);  }

}

.Boring {-webkit-transition: .7s; border-radius: 2px;}

.Boring:hover {-webkit-animation: Boring .7s alternate infinite linear; 

-webkit-filter: sepia(10%); }

/***** Efeito Boring por Gaby SB12: mundinhomagicodagaby.blogspot.com NÃO REMOVA OS CRÉDITOS! ******/

Visualize seu layout. Se estiver tudo normal, salve.

2. Adicione o código abaixo (substituindo as legendas) onde desejar:

<a href="URL DO LINK" target="_blank" style="font-style: normal;"><img src="URL DA IMAGEM" border="0" class="Boring" title="NOME DO LINK" /></a>

Está tudo legendado, fácil fácil. Espero que tenham gostado, até mais!