Efeito preto e branco nas imagens css

Olá pessoal quanto tempo sem postar né? ahsauhsaus muitas coisas estão pra cima de mim,estou meio que sem tempo e tals..

Hoje vou deixar um tutorial pra vocês que eu fiz no meu blog e gostei é o efeito das imagens em preto e branco com CSS.
Começando:
Modelo > editar html
Procure pelo ]]></b:skin> e acima dessa tag,escolha um dos dois códigos abaixo:

1. Código para efeito SOMENTE das postagens:

.post img{
transition:0.8;
}
.post img:hover{
opacity:0.6;
transition:2s;
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
-webkit-transition-duration: .90s;
}

2. Código para efeito TODAS as imagens do blog:

a img{
transition:0.8;
}
a img:hover {
opacity:0.6;
transition:2s;
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
-webkit-transition-duration: .90s;
}

Caso necessário,verifique se os códigos de css que eu postei dos efeitos (a img ou .post img) verifique se eles já existem e modifique como eu postei ai.