Personalizar los títulos de las entradas en las nuevas plantillas blogger es una cuestión estética.
Si gustas hacerlo, lo haremos con CSS, dando estilos de fondo o enmarcando dichos títulos con un borde ancho o angosto.
Ver el demo
- Ingresar a Blogger/Plantilla/Edición de Html/Continuar/ctrl + f/ y buscar el siguiente código:
h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}
font: $(post.title.font);
margin: .75em 0 0;
}
- Reemplazarlo por el siguiente:
h3.post-title, .comments h4 {
border: #ffff00 5px solid; /*Borde: Color, grosor y tipo de borde*/
background: #333333; /*Color de fondo, si deseas eliminar el fondo elimina esta linea*/
padding-top: 5px; /*espacio entre el titulo y el borde arriba*/
padding-bottom: 5px; /*espacio entre el titulo y el borde abajo*/
padding-left:5px; /*espacio entre el titulo y el borde a la izquierda*/
padding-right:5px; /*espacio entre el titulo y el borde a la derecha*/
font: $(post.title.font);
margin: .75em 0 0;
}
El atributo resaltado en azul llamado "Solid" es el que define el borde, en caso del código anterior es un borde predeterminado 'solido', a continuación algunos nombres de bordes para reemplazar solid.border: #ffff00 5px solid; /*Borde: Color, grosor y tipo de borde*/
background: #333333; /*Color de fondo, si deseas eliminar el fondo elimina esta linea*/
padding-top: 5px; /*espacio entre el titulo y el borde arriba*/
padding-bottom: 5px; /*espacio entre el titulo y el borde abajo*/
padding-left:5px; /*espacio entre el titulo y el borde a la izquierda*/
padding-right:5px; /*espacio entre el titulo y el borde a la derecha*/
font: $(post.title.font);
margin: .75em 0 0;
}
Comentarios
Publicar un comentario