Tutorial : Efeito blur na imagem

Oin paçokitas ~ Como vão ? *.* Espero que bem! Estou muito feliz pois estou vendo que meu esforçlo está valendo a pena :') , agradeço muitos á todos vocês, mas principalmente ao blog O mundo de Lo ♥ sua deewa!^-^ / Bom, o tutorial de hoje é efeito blur, á pedido do blog OML >3< , espero que gostem ♥' mais informações, enjoy!

Esse efeito eu uso nas minhas imagens de inicio de post *.*
Pra começar, vá no seu quadro HTML (Modelo>Editar HTML) , Aperte Ctrl + F dentro do seu HTML e procure por : ]]></b:skin>, quando achar essa tag, cole esse código acima dela :

.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;}

Não altere nada, por favor!
Agora cole esse código em um gadget HTML/Java Script ou no HTML da postagem : <img src="LINK DA IMAGE" width="Largura da Imagem" align="left" class="border1">

Altere o "Link da image" e "Largura da imagem"
Espero que tenham gostado *.*
Kisses ♥ Vitória