Efeito Suddenly Cloudy

Boa Tarde!!! Agora falta poucos dias para o natal <3 Já sabem se vão ganhar bastantes presentes ou pelo menos algum que queriam? Eu já me dei os presentes que queria e quem sabe talvez "ganhe" uma câmera nova para poder enfim gravar videos para o meu outro blog *---* Mas se ela não chegar neste natal com certeza chega no meu aniversario em fevereiro <3

Bom hoje eu trouxe para vocês um efeito para usar nos afiliados ou em alguma imagem de divulgação nos Gadgets dos seus blog, gosto bastante deste efeito porque criei ele para um layout que eu gostei bastante, para ver um Preview clique aqui.

Vamos ao Tutorial:

1° Passo: Vá em Modelo > Editar HTML.

2° Passo: Procure por(Usando Ctrl+F): ]]></b:skin>

3° Passo: Cole acima de "]]></b:skin>" o código:

/**Efeito Suddenly Cloudy por myfluffyrainbow.blogspot.com.br **/
.efeitoafiliadoss {
text-decoration: none !important;
border-offset: 1px;
-webkit-transition-duration: .90s;
}
.efeitoafiliadoss:hover {
-webkit-transition-duration: .90s;
text-decoration: none !important;
-webkit-filter: blur(5px);
}
/**FIM do Efeito Suddenly Cloudy por myfluffyrainbow.blogspot.com.br **/

5° Passo: Cole em um Gadget Java/Script o seguinte código:

<a href="LINK" title="Nome"><img class="efeitoafiliadoss" src="URL da Imagem" /></a>
<a href="LINK" title="Nome"><img class="efeitoafiliadoss" src="URL da Imagem" /></a>
<a href="LINK" title="Nome"><img class="efeitoafiliadoss" src="URL da Imagem" /></a>

6° Passo: Altere o código colocando o link e o URL da imagem.

Pronto!!! Espero que tenham gostado do efeito e se usarem coloquem os devidos créditos.