Entramos en el diseño de nuestro blog y en edición html buscamos, con CTRL+F el siguiente código: ]]></b:skin> y justo delante pondremos lo siguiente:
Si usamos una plantilla antigua de blogger y queremos una línea;
.sidebar .widget {
border-bottom:4px solid #610B0B;
padding-bottom:20px;
}
Donde 4px es para el grosor de la línea, #610B0B es para el color.
Si lo que queremos es un separador con una imagen:
.sidebar .widget {
background: url(URL de nuestra imagen)no-repeat 50% 100%;
padding-bottom:60px;
border:0;
}
Si la plantilla está hecha con el diseñador de plantillas de blogger, y queremos una línea:
.column-right-outer .widget, .column-left-outer .widget {
border-bottom:4px solid #610B0B;
padding-bottom:20px;
}
Si por el contrario queremos una imagen:
.column-right-outer .widget, .column-left-outer .widget {
background: url(URL de nuestra imagen)no-repeat 50% 100%;
padding-bottom:60px;
border:0;
}
Para saber cual es el color hexadecimal que más se ajusta al diseño de nuestro blog, y modificarlo en el código anterior, podemos consultar la tabla de códigos hexadecimales.
También nos puede interesar las siguientes entradas:
Poner marcos a gadgets.
Poner separador de entradas.
Poner marcos a entradas.
Muchas gracias,me ayudo.
ResponderEliminarDe nada, para lo que se necesite por aquí ando, saludos.
ResponderEliminar