Tutorial: Bordes a tus posts #1

Hola! Traigo novedades! En primer lugar, como ya saben cambie de diseño y me encanto como quedo el blog, aun que no soy muy fan del rosa, ese tono le queda muy bien mas los ajustes que hice... Me enamore! Bueno espero les guste este nuevo diseño tanto como a mi jeje

Bordes a tu post #1

• En este tutorial vas a aprender a como personalizar el borde de tus posts a tu gusto

1. Vas a Plantilla, luego Editar HTML
2. Buscamos (con Ctrl + F) <b:skin> y le damos clic a los puntos suspensivos de la derecha
3. Buscas con Ctrl+f:    .post-outer {
4. Borramos lo que nos muestra la siguiente imagen: (no borres el } porque si lo borras el código no sirve)

     5. Colocas debajo de .post-outer { el siguiente código:

margin: 4px 2px 30px;
padding: 15px 13px;
border-radius: 5px; /* Es lo redondo del borde, si no lo quieres, elimina esta linea */
border-top: 5px solid #ACACAC; /* Es el color, tipo y grosor del borde de arriba */
border-bottom: 5px solid #ACACAC; /* Es el color, tipo y grosor del borde de abajo*/
}

• Si quieres los bordes a todo (Estos son todos los bordes de los lados y de arriba y abajo del post) solo tienes que cambiar el código anterior por este código:

margin: 4px 2px 30px;
padding: 15px 13px;
border: 5px solid #ACACAC; /* Es el color, el tipo y grosor de todos los bordes */
border-radius: 5px; /* Es lo redondo del borde, si no lo quieres, elimina esta linea */
}

• Estes es el tipo de borde:

border: 5px solid #ACACAC;  /* Es el color, el tipo y grosor de todos los bordes */

Donde dice solid es el estilo de borde, para cambiarlo puedes cambiar ese solid por un:

• dotted
• dashed
• double

Listo, solo tienes que editar los códigos a tu gusto, es muy simple y podrás personalizar los bordes a tu post como tu quieras!

Espero que les haya servido y que le saquen provecho. Nos leemos!