Diseño del blog

La parte de diseño es muy importante da la estética visual a nuestro blog.

Para personalizar nuestro blog debemos irnos a las opciones de nuestro blog y en el menú lateral de la izquierda hacer clic sobre plantillas, una vez allí damos en personalizar.

Ahora que ya hemos accedido a personalizar la plantilla tenemos los siguientes apartados.

Empezamos con el diseño básico

Elegimos plantilla

Aquí lo que hacemos es elegir la plantilla que más rabia os de y una vez la tengamos podemos ir modificando las cosas que queramos como el fondo, el color de la letra el tamaño etc...

Cambiando el fondo:

En esta imagen se cambia el fondo de la página web y el resto de colores como por ejemplo los enlaces, las lineas divisorias en todo el blog.

Ajustar el ancho:

En está imagen vemos como poder distribuir el contenido de nuestro blog en el podemos decir el ancho que queremos ocupar con el contenido de dicho blog y cuando podemos usar para la barra lateral, esto es para por ejemplo hacer el menú de navegación lateral más grande o más amplio o mas estrecho en función de nuestros gustos o la disposición que deseemos darle al blog.

Diseño:

En este apartado estamos viendo cómo poder distribuir la página web con ello podemos definir donde se encuentran y como por ejemplo el pie de la página o el menú donde aparecen las entradas y las etiquetas la barra de los gadget.

Diseño avanzado de la plantilla

Texto de la página
Aquí lo que cambiamos es la fuente con la que se escribe y el color del texto escrito.

Fondos

En esta opción nos permite cambiar los colores de la web como el fondo, el fondo del contenido principal o el de la cabecera.

Enlaces

En los enlaces se cambia el color de ellos una vez hemos puesto el ratón encima, cuando el enlaces está visitado y el color del enlace sin más.

Titulo del blog

Aquí lo que se cambia es la fuente y el color del titulo del blog por ejemplo aplicaciones web en clase.

Descripción del blog

Aquí le cambiamos el color a la descripción del blog (esta descripción aparece en la parte inferior del titulo del blog).

Texto de la pestaña

Aquí lo que cambiamos es la fuente y color de las pestañas que se usan como menú de navegación.

Para mejor visión de lo que se habla he aquí una imagen de las pestañas.

Titulo de entrada

En este apartado cambiamos el titulo que aparece al crear cada entrada y ser visualizada en el blog.

Fecha de la cabecera

Aquí cambiamos el color de la letra y el fondo de la fecha y hora en la que se creo y publicó la entrada.

Pie de página de cada entrada

Podemos cambiar el color del texto del fondo y la sombra del pie de cada entrada para hacerla distinta y dar una mejor impresión.

Gadgets

Los gadgets son programas pequeños que nos ayudan a tener las cosas ordenadas en la web o dan una funcionalidad extra, en este apartado lo que se hace es cambiar la fuente de la letra del titulo del gadget el color del mismo y el color de alternado el cual un gadget tiene uno y el siguiente tendra otro.

Acentos (linea separadora entre el contenido y los gadget o menú de navegación de las entradas).

En este apartado elegimos el color de la linea divisoria entre el contenido del blog en si con la barra lateral de los gadgets.

Mobile button color

Aquí lo que modificamos es el color de los botones cuando lo visualizamos desde el navegador web que tenemos en el móvil.

Añadir css

En este punto podemos definir nuestros propios estilos CSS de modo que podemos definir por ejemplo el color de fondo distinto o el color de la letra el tamaño de la letra es aquí donde debemos colocar las características o propiedades necesarias para generar lo que necesitamos.

Ya tendríamos nuestro blog al gusto.