Tutorial:Poner bordes decoradas en la imagenes que quieras ♥

Bueno este tutorial me pidio Sofi  ,ya justo me hiba a ir a seguir haciendo mi nuevo diseño ,asta que me acorde  , jaja , bueno este efecto lo hice mas antes
Se llama Imagen con bordes decoradas , solo que ese efecto era para todas las imagenes de las entradas , y para ponerlo solo a las imagenes que quieres ,tienes que seguir los siguientes pasitos es muy facil 
Para los que no entienden que efecto es es la imagen de entrada ,tiene un borde colorida ,y se abran dado cuenta que las demas iamgenes que publico no aparecen asi ,ejemplo:
Este tiene el efecto

y este no 

Para tenerlo solo en una imagen ,en la que queramos ya sea en una entrada o en un gadget  sigue los siguientes pasos:
En una entrada ,vas a Html y colocas el siguiente codigo
y si lo quieres en un gadget solo copia el codigo en Javascript/html

<img 320="" height="234" src="Url de la imagen" style="-webkit-transition: all 1s; background-image: url(Url del fondo); border-bottom-left-radius: 20px; border-top-right-radius: 20px; padding: 15px;" width="320" />

234:la altura de la imagen
320:el ancho de la imagen
20: puedes disminuirlo es o aumentar si quieres ,ara un efecto de poner la esquinas del lado izuierdo ponerlos redondearlo
20:lo mismo sucede lo ara con las esquinas del lado derecho 

Bueno eso es todo