Ir al contenido principal

Personalizar titulos de entradas en nuevas plantillas Blogger

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;
}
  • 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.

Comentarios

Entradas populares de este blog

Top 10: Bancos de Fotografías en Español

Tags: Bancos de imagenes, banco de fotografias, bancos de fotografias en español...

Guardar Imágen sin fondo - PNG - En Photoshop

Tags: guardar imagen sin fondo photoshop, imagen png photoshop, como guardar una imagen png sin fondo en photoshop, fondo invisible que no se ve en photoshop...

Iniciar una "Navegacion Privada" en Google Chrome