Personalización avanzada de tu blog en Blogger

1. Blogger desde dentro
Diseño y gadgets (2)VIII
Javier Blanco (2015)
bloggerdesdedentro.blogspot.com

2. Blogger desde dentro
VIII: Diseño y Gadgets (2)
1
Javier Blanco
2015
bloggerdesdedentro.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

3. Blogger desde dentro
VIII: Diseño y Gadgets (2)
2
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Para eso vamos a volver a la opción
“Plantilla” aunque ahora sí,
pulsaremos el botón “PERSONALIZAR”

4. Blogger desde dentro
VIII: Diseño y Gadgets (2)
3
Javier Blanco
2015
bloggerdesdedentro.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

5. Blogger desde dentro
VIII: Diseño y Gadgets (2)
4
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Menú Plantillas. Antes de tocar nada,
escoge una plantilla y una paleta de
colores 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.

6. Puedes usar tu propia
imagen de fondo, pero
tiene que tener unas
características muy
específicas
Blogger desde dentro
VIII: Diseño y Gadgets (2)
5
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Menú Fondo. Elige ahora una imagen
de fondo, si lo deseas, y una paleta de
colores 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!

7. Blogger desde dentro
VIII: Diseño y Gadgets (2)
6
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Menú Diseño. Elige ahora el armazón
de tu blog con la distribución de la
entrada 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 gadgets
que hubiera en ellas
pueden desaparecer
Recuerda que para poner y quitar
gadgets debes hacerlo desde el
Escritorio > Diseño. Aquí no podrás.

8. Blogger desde dentro
VIII: Diseño y Gadgets (2)
7
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Menú Ajustar ancho. Ajusta cuánto va
a medir de ancho tu blog y cuánto
corresponde 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 total
Barra o columna lateral

9. El tamaño sí importa:
Ten en cuenta cómo se
vería tu blog si ocupara
demasiado espacio o
demasiado poco.
Blogger desde dentro
VIII: Diseño y Gadgets (2)
8
Javier Blanco
2015
bloggerdesdedentro.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 px
300 px

10. Blogger desde dentro
VIII: Diseño y Gadgets (2)
9
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Menú Avanzado.
En este menú podremos tocar múltiples
parámetros.
Texto de página:
Se refiere a la
tipografía, efecto,
tamaño y color del
texto “por defecto”
en Entradas y
Gadgets.

11. Blogger desde dentro
VIII: Diseño y Gadgets (2)
10
Javier Blanco
2015
bloggerdesdedentro.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.

12. Blogger desde dentro
VIII: Diseño y Gadgets (2)
11
Javier Blanco
2015
bloggerdesdedentro.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.

13. Blogger desde dentro
VIII: Diseño y Gadgets (2)
12
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Antes de continuar
Salvemos
los cambios
clicando
sobre
“Aplicar al
blog”
Volvamos al
escritorio
de Blogger

14. Blogger desde dentro
VIII: Diseño y Gadgets (2)
13
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Queremos hablar sobre un gadget
especial: 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

15. Blogger desde dentro
VIII: Diseño y Gadgets (2)
14
Javier Blanco
2015
bloggerdesdedentro.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.

16. Blogger desde dentro
VIII: Diseño y Gadgets (2)
15
Javier Blanco
2015
bloggerdesdedentro.blogspot.com.
Una vez establecida nuestra cabecera,
volvemos a personalizar la plantilla

17. Blogger desde dentro
VIII: Diseño y Gadgets (2)
16
Javier Blanco
2015
bloggerdesdedentro.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

18. Blogger desde dentro
VIII: Diseño y Gadgets (2)
17
Javier Blanco
2015
bloggerdesdedentro.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

19. Blogger desde dentro
VIII: Diseño y Gadgets (2)
18
Javier Blanco
2015
bloggerdesdedentro.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.

20. Blogger desde dentro
VIII: Diseño y Gadgets (2)
19
Javier Blanco
2015
bloggerdesdedentro.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 acabado
rindiéndote y aún necesitas más para conseguir
que tu blog esté a tu gusto puedes usar “hojas
de estilo en cascada” (CSS). Un lenguaje creado
para dar formato a las páginas WEB.
¡Y modificar
el código de
la plantilla!
Pero está
reservado a
expertos.

21. Javier Blanco (2015)
bloggerdesdedentro.blogspot.com