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

En este artículo veremos cómo podemos poner borde a las imágenes de los post, en algunas plantillas las imágenes ya vienen con borde, pero hoy también veremos cómo personalizar el borde por ejemplo: grosor, estilo, panding.

Recomiendo una "copia de seguridad antes un fallo por error".

Si las imágenes de tu plantilla no tienen borde ve Diseño > Edición del HTML > con la ayuda de (Ctrl+F) 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 */
}


Luego le dan vista previa y si todo va bien Guardan los cambios y listo.

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 turqueza.