Efeito Blur

Yoo ~~ 

Hoje trago um efeito bem legalzinho chamado Blur. Bom nunca usei este efeito, então não sei se ele fica bom em miniaturas ou em fotos grandes ! 

Mais você pode visualiza-lo aqui ! 

Gostou né. Então vamos lá :3

Vá em painel > Modelo > Editar Html > CTRL+F e procure por ]]></b:skin>. Assim que achar a tag cole o código em cima dele:

.border1 {background:#fff; padding:1px; border:5px solid #d5c9e8; margin:1px; 

-webkit-transition-duration: .99s; 

-moz-transition-duration: .99s;} 

.border1:hover {filter: blur(2px); 

-webkit-filter: blur(2px); -moz-filter: blur(2px); 

-o-filter: blur(2px); -ms-filter: blur(2px); 

border:5px solid #d5c9e8;}

Agora basta colocar esse código onde você quer que o efeito apareça:

<img src="LINK DA IMAGE" width="Largura da Imagem" align="left" class="border1">