Este es un truco muy facil y que puede ser utilizado en en cualquier sitio que maneje el lenguaje HTML de forma editable como Blogger, Jindo, Wordpress, Webs y dominios.
El estilo puesto sin radio
![](https://lh3.googleusercontent.com/-ywOkerw47Fo/TwD7qSQFYCI/AAAAAAAACNI/yjMfHWxcp7k/s512/Tantei%2520Opera%2520Milky%2520Holmes%2520Dai-Ni-Maku.jpg)
El estilo puesto con radio
![](https://lh3.googleusercontent.com/-ywOkerw47Fo/TwD7qSQFYCI/AAAAAAAACNI/yjMfHWxcp7k/s512/Tantei%2520Opera%2520Milky%2520Holmes%2520Dai-Ni-Maku.jpg)
- Ve a Plantilla y das click en Edicion de HTML.
- Luego antes de la etiqueta ]]></b:skin>. pega lo siguiente.
/* imagen normal */
img, a img {
border:3px solid #84A5FF; /*ancho y color del borde */
border-radius:0px; /* radio del borde */
}
/* Imagen al pasar el cursor */
img:hover, a img:hover {
border:3px solid #1252FF; /*ancho y color del borde */
border-radius:0px; /* radio del borde */
}
- Lo de rojo es el color del borde
- Lo de Azul es el ancho del borde
- Lo de Naranja es el radio de la imagen
El estilo puesto sin radio
![](https://lh3.googleusercontent.com/-ywOkerw47Fo/TwD7qSQFYCI/AAAAAAAACNI/yjMfHWxcp7k/s512/Tantei%2520Opera%2520Milky%2520Holmes%2520Dai-Ni-Maku.jpg)
El estilo puesto con radio
![](https://lh3.googleusercontent.com/-ywOkerw47Fo/TwD7qSQFYCI/AAAAAAAACNI/yjMfHWxcp7k/s512/Tantei%2520Opera%2520Milky%2520Holmes%2520Dai-Ni-Maku.jpg)