personalización de plantillas

Blogger desde dentro

Diseño y gadgets (2)VIII

Javier Blanco (2015)

bloggerdesdedentro.blogspot.com

Blogger desde dentroVIII: Diseño y Gadgets (2)

1

Javier Blanco

2015bloggerdesdedentro.blogspot.com.

Ya has visto, y espero que probado, cómo distribuir distintos objetos en el

armazón o plantilla de tu blog

A continuación vamos a modificar esa plantilla

para cambiar tipografías, colores y disposiciones


2

Javier Blanco


Para eso vamos a volver a la opción “Plantilla” aunque ahora sí,

pulsaremos el botón “PERSONALIZAR”


3

Javier Blanco


En la pantalla de personalización de plantillas podemos ver

Un menú

principal

Una zona de configuración

Una vista preliminar dinámica


4

Javier Blanco


Menú Plantillas. Antes de tocar nada,escoge una plantilla y una paleta decolores para aplicar y luego modificar.

Tu blog con la plantilla elegida Tira de

plantillas disponibles

Combinación de colores para una

plantilla dada

Piensa que estás comprando una casa y la pintura para las paredes: recuerda que vas a tener que “vivir” en ella mucho

tiempo: lo estridente cansa

Elige primero una plantilla y luego la personalizas. Si cambias de plantilla la personalización se

pierde.

Puedes usar tu propia imagen de fondo, pero tiene que tener unas características muy

específicas


5

Javier Blanco


Menú Fondo. Elige ahora una imagende fondo, si lo deseas, y una paleta decolores principal o “tema”

Puedes elegir una imagen

para el fondo

O determinar exactamente tu paleta preferida

También puedes elegir una paleta o tema de entre las sugerencias

Blogger te ofrece un amplio catálogo ordenado por temática

Solo para expertos!


6

Javier Blanco


Menú Diseño. Elige ahora el armazónde tu blog con la distribución de laentrada y las zonas para gadgets

Elige una distribución que te guste

Elige también el tipo de pié que deseas

Si cambias, añades o eliminas zonas de la pantalla los gadgetsque hubiera en ellas pueden desaparecer

Recuerda que para poner y quitar gadgets debes hacerlo desde el

Escritorio > Diseño. Aquí no podrás.


7

Javier Blanco


Menú Ajustar ancho. Ajusta cuánto vaa medir de ancho tu blog y cuántocorresponde a las zonas laterales

Ajusta el ancho total del blog

Puedes establecer el ancho directamente

en píxeles

Y el de la barra o barras laterales

Y comprobar qué tal se ve

Ancho totalBarra o columna lateral

El tamaño sí importa:

Ten en cuenta cómo se vería tu blog si ocupara demasiado espacio o demasiado poco.


8

Javier Blanco


Antes de continuar

Un consejo para una configuración normal:La barra lateral deberá tener alrededor de 300 píxeles.El ancho total deberá estar entre los 1000 y los 1200 píxeles

1000/1200 px300 px


9

Javier Blanco


Menú Avanzado.En este menú podremos tocar múltiplesparámetros.

Texto de página:

Se refiere a la tipografía, efecto, tamaño y color del texto “por defecto” en Entradas y Gadgets.


10

Javier Blanco


Menú Avanzado.Coloreamos la página

Fondos:

Se refiere al color del fondo exterior (si no existe imagen de fondo), principal (entradas y gadgets) y cabecera.


11

Javier Blanco


Menú Avanzado.Los enlaces los veremos en el siguiente tutorial, mira cómo colorearlos.

Enlaces:

Los enlaces (que veremos a continuación) son partes del texto que al hacer clic sobre ellas nos llevan a otra página web o a otro sitio de la misma página web.


12

Javier Blanco


Antes de continuar

Salvemos los cambios clicando sobre “Aplicar al blog”

Volvamos al escritorio de Blogger


13

Javier Blanco


Queremos hablar sobre un gadgetespecial: la cabecera

Es un espacio inamovible, por definición, que puede contener un texto y/o una imagen.

Editar

Como cualquier otro gadget podemos modificarla haciendo clic en Editar


14

Javier Blanco


Las características o configuración de la cabecera se realiza a través de un

formulario

Título del blog: El texto que figurará en la cabecera

Descripción del blog: Subtítulo de la cabecera

Imagen: Si lo deseamos podemos incluir una imagen en la cabecera

Ubicación: Y determinar cómo queremos que aparezca

Reducción: Para evitar “sustos”, Blogger es capaz de ajustar nuestra imagen al ancho de nuestro blog.

No te olvides de guardar los cambios.


15

Javier Blanco


Una vez establecida nuestra cabecera, volvemos a personalizar la plantilla


16

Javier Blanco


Menú Avanzado.Nos dirigimos directamente a la opción “Título del blog”

Título del blog:

Podremos aquí elegir la tipografía, efecto, tamaño y color del Título de nuestro blog

Existen “tratados internacionales” sobre tipografía y cabeceras…

No descuides este aspecto.

Descripción del blog:Lo mismo para el subtítulo


17

Javier Blanco


Menú Avanzado.El título de cada entrada es también fundamental. Determinará si quien nos visita nos leerá o no

Título de la entrada

Podremos aquí elegir la tipografía, efecto, tamaño y color del Título de cada entrada


18

Javier Blanco


Menú Avanzado.Los gadgets son tratados igual, estén donde estén y contengan lo que contengan.

Gadgets

Podremos aquí elegir la tipografía, efecto, tamaño y color del texto “por defecto” del título de los gadgets.

También determinamos el color del título de cada uno.


19

Javier Blanco


Menú Avanzado.Hay más opciones, pero te vamos a dejar que las explores por tu cuenta. Sólo una advertencia:

Si después de este tutorial no has acabadorindiéndote y aún necesitas más para conseguirque tu blog esté a tu gusto puedes usar “hojasde estilo en cascada” (CSS). Un lenguaje creadopara dar formato a las páginas WEB.

¡Y modificar el código de la plantilla!Pero está

reservado a expertos.

Javier Blanco (2015)

bloggerdesdedentro.blogspot.com

personalización de plantillas

Education