Efeito hover nas imagens do blog

Oii!! Hoje trouxe um tutorial para personalizar o seu blog,vou ensinar vocês como colocar efeito hover na imagem do blog,eu trouxe 3 efeitos para vocês escolherem. 

 Então vamos lá!! 

Vá até Modelo > Editar HTML > e pesquise por ]]></b:skin>

e cole acima da tag o código do efeito escolhido.

Efeito Sépia 

/***** imagem com efeito hover by Little W0nd3rl4nd,não remova os créditos ******/
img {
-webkit-filter: sepia(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: sepia(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
/***** imagem com efeito hover by Little W0nd3rl4nd,não remova os créditos ******/

Efeito Preto e Branco 

/***** imagem com efeito hover by Little W0nd3rl4nd,não remova os créditos ******/
img {
-webkit-filter: grayscale(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: grayscale(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
/***** imagem com efeito hover by Little W0nd3rl4nd,não remova os créditos ******/

Efeito Desfoque 

/***** imagem com efeito hover by Little W0nd3rl4nd,não remova os créditos ******/
img {
-webkit-filter: blur(0px);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: blur(2px);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
/***** imagem com efeito hover by Little W0nd3rl4nd,não remova os créditos ******/

Então é isso,espero que gostem,qualquer dúvida é só perguntar.Ask aberta para pedidos                                
    Bjss