Tutorial: Efecto imagen sepia

Tema - Personalizar (Editar HTML) - CTRL+F y buscas: ]]></b:skin>

Arriba de ]]></b:skin> pegas lo siguiente:

.post-body img {filter: sepia(100%);-webkit-filter: sepia(100%); -moz-filter: sepia(100%);-webkit-filter(1);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}.post-body img:hover{filter: sepia(0%);-webkit-filter: sepia(0%); -moz-filter: sepia(0%);-webkit-filter(0);}

De normal a sepia:

img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear
}
img:hover{-webkit-filter: sepia(100%);z-index: -99px;}

vista previa: