Tutorial : Imagen con bordes decoradas

Hola  he estado ocupada estos dias,pero hoy toy libre asi que compartire tutoriales n.n¡ Bueno
este efecto me gusta mucho  es un efecto en las imagenes que tiene bordes decoradas y con un efectito mas .
Aqui una muestra:
La primera imagen es cuando esta el cursor ensima de la imagen ,la segunda es cuando no lo esta el cursor 

    

Si les gusto solo sigan los pasos :
Sen van a plantilla /Editar Html
Buscan ]]></b:skin>  (Para buscar presionar Ctrl+F )

Al encontrar pegar el siguiente codigo antes de  ]]></b:skin> 

 .post-body img {
border-radius: 50% 0; /* bordes */
box-shadow: 0px 0px 1px #000; /* Sombra */
padding:15px; /* Espacio entre la imagen y el borde */
background:url(Url del fondo ); /*Aqui el fondo del borde */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius:0; /* bordes */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Y listo ponen guardar , Bueno eso es todo