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
Blogger desde dentroVIII: Diseño y Gadgets (2)
2
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
Para eso vamos a volver a la opción “Plantilla” aunque ahora sí,
pulsaremos el botón “PERSONALIZAR”
Blogger desde dentroVIII: Diseño y Gadgets (2)
3
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
En la pantalla de personalización de plantillas podemos ver
Un menú
principal
Una zona de configuración
Una vista preliminar dinámica
Blogger desde dentroVIII: Diseño y Gadgets (2)
4
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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
Blogger desde dentroVIII: Diseño y Gadgets (2)
5
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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!
Blogger desde dentroVIII: Diseño y Gadgets (2)
6
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
7
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
8
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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
Blogger desde dentroVIII: Diseño y Gadgets (2)
9
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
10
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
11
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
12
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
Antes de continuar
Salvemos los cambios clicando sobre “Aplicar al blog”
Volvamos al escritorio de Blogger
Blogger desde dentroVIII: Diseño y Gadgets (2)
13
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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
Blogger desde dentroVIII: Diseño y Gadgets (2)
14
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
15
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
Una vez establecida nuestra cabecera, volvemos a personalizar la plantilla
Blogger desde dentroVIII: Diseño y Gadgets (2)
16
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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
Blogger desde dentroVIII: Diseño y Gadgets (2)
17
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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
Blogger desde dentroVIII: Diseño y Gadgets (2)
18
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.
Blogger desde dentroVIII: Diseño y Gadgets (2)
19
Javier Blanco
2015bloggerdesdedentro.blogspot.com.
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.