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.

Comentarios

Entradas populares de este blog

5 alternativas open source a Loquendo

Que es microsoft silverlight

La beta de Windows 8 ya está disponible