【Tutoriales】Editar bordes de las entradas

6 comentarios
Hola a todos y bienvenidos a una nueva entrada :3 Hoy os traigo un tutorial súper útil que seguro que os interesará :'D 
Como todos sabréis, en las entradas por defecto en blogger solo te dejan editar una pequeña linea alrededor de la entrada y cambiarla el color. Pero... ¡Eso es aburrido! Seamos francos, eso llega a aburrir. Así que hoy os enseñare a como personalizar cada borde con ejemplos. ¡Empecemos!

Lo primero que tenemos que hacer es:
Editar html > Ctrl + f 
Y ahí pegaremos el siguiente código y daremos a buscar:
.date-outer {
Y por abajo encontraréis el siguiente código al que señalo: 
Ese código le borramos y le sustituiremos por alguno de los siguientes:
Por aquí os dejaré algunos modelos de bordes para que elijáis el que más os guste.

border: 4px solid #FDB4C1;/* Borde en todo*/
border-bottom: 4px solid  #FDB4C1;/* Borde inferior*/
border-top: 4px solid  #FDB4C1;/* Borde superior*/
border-right: 4px solid #FDB4C1;/*Borde en el lado derecho */
border-left: 4px solid #FDB4C1;/* Borde en el lado izquierdo*/
border-right: 4px solid #BEB4FD;/* Borde derecho */border-left: 4px solid #BEB4FD;/* Borde izquierdo*/border-bottom: 4px dashed #DBB4FD;/* Borde inferior*/border-top: 4px dashed #DBB4FD;/* Borde superior*/

Espero que os haya servido de gran utilidad esta entrada y nos leeremos en la próxima, ¡Adiós! 

6 comentarios:

  1. en mi plantilla no me aparece ese codigo :c

    ResponderEliminar
    Respuestas
    1. Este tutorial solo sirve para las plantillas Awesome S.A.
      Si tienes otra no te servirá :c

      Saludos!

      Eliminar
  2. Hola!!

    gracias por la explicacion!! muy bueno es saber esto de los bordes! :D

    ResponderEliminar
    Respuestas
    1. De nada!! Me alegro que te haya gustado la explicación :D

      Saludooos<3

      Eliminar