Este documento proporciona instrucciones para crear y diseñar un blog con Blogger. Explica cómo crear una cuenta de Gmail, elegir un título y dirección para el blog, y diseñarlo mediante la selección de plantillas y la adición de gadgets a la barra lateral. También describe cómo crear la primera entrada del blog agregando texto, imágenes, videos y enlaces, y cómo incrustar presentaciones y otros elementos multimedia mediante la inserción de código.

1. A N A A L O N S O
J U L I O 2 0 1 3
Creación y diseño de un blog con
blogger

2. CREAMOS UNA CUENTA EN GMAIL
VAMOS A “CREAR BL OG”, ELEGIMOS TÍTUL O Y DIRECCIÓN
Creación de un blog

3. Diseñando el blog
 Desde la pestaña “diseño” accedemos a la configuración
del blog
Subscripción al blog

4. Diseñando el blog
 Elegimos plantilla para el blog
 Blog con plantilla estática:
http://amsterdamspaans.blogspot.com.es/
 Blog con plantilla dinámica:
http://proyectofamiliaquinto.blogspot.com.es/

5. Diseño del blog
En la pestaña “diseño” podemos ver y editar las partes
del blog

6. Diseño del blog: barra lateral
En la pestaña “diseño” buscamos “añadir gadget”

7. Diseño del blog: barra lateral
Blogger proporciona una serie de gadgets que podemos
ir añadiendo en la barra lateral del blog

8. Diseño del blog: barra lateral
Para añadir un gadget en la barra lateral que no esté en
blogger. Vamos a “añadir un gadget”

9. Diseño del blog: barra lateral
Elegimos el gadget HTML/Javascript

10. Diseño del blog: barra lateral
Ponemos un título al gadget y pegamos en el contenido
el código HTML del objeto que queremos añadir

11. Diseño del blog: barra lateral
Ejemplo: poner un calendario como gadget
Buscamos en internet el calendario que nos gusta
http://www.gifss.com/creaciones/calendarios/

12. Diseño del blog: barra lateral
Copiamos el código HTML y lo pegamos en el gadget
“HTML / Javascript”

13. Diseño del blog: barra lateral
Al guardar el gadget y ver el blog tenemos nuestro
calendario en la barra lateral

14. Entradas

15. Estadísticas, comentarios….

16. Configuración

17. Elementos del blog

18. CABECERA
TÍTULO Y PRESENTACIÓN
Elementos del blog

19. Cuerpo central Barra lateral
 Entradas, con
comentarios, redes
sociales…
 Gadgets variados
Elementos del blog

20. Nuestra primera entrada
Vamos a “Nueva entrada” en la portada de nuestro blog
También podemos acceder desde diseño y luego “Entrada
nueva”

21. Nuestra primera entrada
Damos título y contenido a la entrada con texto,
imágenes, enlaces… También podemos crear
etiquetas y antes de publicar, ver la “Vista previa”

22. Nuestra primera entrada

23. Añadir texto en la entrada
 Una vez elegida “Nueva entrada” escribimos el texto
 Tenemos que activar la pestaña “redactar”
 Podemos cambiar el tipo, color, tamaño… de letra

24. Añadir imagen
 Una vez elegida “Nueva entrada” buscamos el icono de
insertar imagen
 Se abre una pestaña, podemos subir la imagen del ordenador
o móvil o desde la web

25. Añadir vídeo
 Buscamos el icono de insertar vídeo
 Se abre una pestaña, podemos buscar y elegir el vídeo

26. Añadir enlace
 Buscamos el icono de insertar enlace
 Se abre una pestaña, copiamos la URL. Conviene activar la casilla de
“Abrir en una pestaña nueva”

27. Elementos multimedia
 Si queremos incrustar en nuestro blog una presentación, un
vídeo, una actividad que lo permita, buscamos en el
elemento multimedia el “código embed” o“insertar”

28. Elementos multimedia: slideshare

29. Elementos multimedia: slideshare
 Copiamos el código

30. Elementos multimedia: slideshare

31. Elementos multimedia: slideshare
Pegamos en el cuerpo de la entrada el código

32. Elementos multimedia: slideshare
Si publicamos o damos a “vista previa” vemos el elemento
incrustado directamente

33. Elementos multimedia: Scribd

34. Elementos multimedia: Scribd
Copiamos el código y lo pegamos en el cuerpo de la entrada
en la pestaña “HTML”

35. Elementos multimedia: youtube
Buscamos el vídeo que queremos incrustar en el blog

36. Elementos multimedia: youtube

37. Elementos multimedia: youtube
Pegamos, en la pestaña “HTML” de la entrada, el código y
vemos el resultado en “publicar” o “vista previa”

38. FIN