Efecto zoom en las imagenes

Para que el efecto se produzca en todas las imagenes de los post

Ir a Plantilla → Personalizar→ Diseñador de Plantilla→Avanzado→Añadir CSS

En el recuadro que dice Añadir código Css personalizado pegar el siguiente código

/*Efecto Zoom en las imagenes*/
.img-zoom img{/* Aumentamos la anchura a (0.8) y altura durante (0.5) segundos */
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 2;
margin: 0 0px 0px 0;
}
.img-zoom img:hover{/* tranformamos el elemento al pasar el mouse por encima al doble de su tamaño con scale(1.2)*/
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
opacity: 1;
}

Luego en una entrada en la que deseamos aplicar el efecto en el Html, pegar

<div class="separator" style="clear: both; text-align:center;"><a class="img-zoom" href="Url" target="_blank">
<img src="Url de la imagen " /></a>

En un Gadget HTML/Javascript el  Efecto zoom en las imagenes  

se obtiene añadiendo el siguiente código

<div class="separator" style="clear: both; text-align:center;"><a class="img-zoom" href="Url" target="_blank">
<img src="Url de la imagen " /></a>
<style type="text/css">
.img-zoom img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 2;
margin: 0 0px 0px 0;
}
.img-zoom img:hover{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
opacity: 1;
}
</style></div>

→ Url: poner la dirección web del sitio a donde sera redirigido cuando presione en la imagen
→ text-align:center: es para centrar la imagen, podemos eliminarlo o cambiar center por right o left