Poner Borde a las Imágenes de nuestros Post en Blogger

Hola, hoy veremos cómo poner borde a las imágenes de nuestros posts en blogger, en algunas plantillas las imágenes ya vienen con borde por defecto.

hoy también veremos cómo poner y personalizar el borde por ejemplo: grosor, estilo, panding.

Si las imágenes de nuestra plantilla no tiene borde accedemos a Diseño > Edición del HTML > con la ayuda de (F3) busca .post img { si lo encuentras en tu plantilla remplaza el código desde .post img { hasta el cierre del corchete por el código de abajo:

Nota: en caso de que no tengas el código .post img { en tu plantilla, pega el código de abajo justo antes de la etiqueta ]]></b:skin>.

.post img {
border: 5px solid
#ccc; /*
Grosor de Borde, tipo de borde, color del vorde */
background:#eee;
/* Color de fondo */
padding:
3px; /* Relleno del
borde */
}

Personalización:

Les dejo una lista de diferentes
tipos de bordes que encontré en cssblog.

none
dotted
dashed
solid
double
groove
ridge
inset
outset

Para cambia el tipo de borde
cambia lo que está en color azul por cualquier tipo de borde que te guste en la
lista. Lo demás lo he puesto al lado en color verde.