Diseño terminado.

Voy a dar por finalizado el diseño de blog, por lo menos de momento, aun me mosquea un poco el ancho.

Los primeros colores que puse, los acabe cambiando porque me di cuenta que en las pantallas TFT se veían distinto (la mía es CRT) y no me gustaba. Aun sigue sin gustarme como se ven algunas cosas en la TFT, pero se va a quedar así.

Mi logro personal, teniendo en cuenta que no se código HTML, a sido insertar una imagen detrás de los títulos de la columna de la izquierda, llamado "Sidebar Title Background color" en el editor de color de Blogger y como descubrí después, llamado "sidebar h2" en la edición de HTML. Esto se hace añadiendo la línea en rojo del fragmento de código que he copiado y sustituyendo "dirección del hosting de la imagen" por la dirección de vuestra imagen, antes deberéis de haberla creado y adaptado al tamaño idóneo claro:

.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
background-image: url(dirección del hosting de la imagen);
font-size: 100%;
color: $sidebarTitleTextColor;
}

Si queréis eliminar el color de fondo podéis borrar la línea "background-color: $sidebarTitleBgColor;" aunque si la imagen lo tapa completamente o le habéis dado un color adecuado no es necesario.

Muy importante, antes de modificar nada en el código HTML copiarlo entero y pegarlo por ejemplo en el notepad, para así poder recuperarlo por si hacemos algo mal.

Sé que para los que saben, esto puede ser muy fácil o incluso una tontería, pero para los que no sabemos o estamos aprendiendo, los primero logros son importantes y cuestan mucho.

P.D.: ¡Más de 100 visitas y solo he entrado yo a la pagina para modificar el diseño! Este contador cuenta muy ligero.