creaciondeunblog

38
ANA ALONSO JULIO 2013 Creación y diseño de un blog con blogger

Upload: ana-alonso

Post on 18-Jun-2015

563 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Creaciondeunblog

A N A A L O N S OJ U L I O 2 0 1 3

Creación y diseño de un blog con blogger

Page 2: Creaciondeunblog

CREAMOS UNA CUENTA EN GMAILVAMOS A “CREAR BLOG”, ELEGIMOS TÍTULO Y

DIRECCIÓN

Creación de un blog

Page 3: Creaciondeunblog

Diseñando el blog

Desde la pestaña “diseño” accedemos a la configuración del blog

Subscripción al blog

Page 4: Creaciondeunblog

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/

Page 5: Creaciondeunblog

Diseño del blog

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

Page 6: Creaciondeunblog

Diseño del blog: barra lateral

En la pestaña “diseño” buscamos “añadir gadget”

Page 7: Creaciondeunblog

Diseño del blog: barra lateral

Blogger proporciona una serie de gadgets que podemos ir añadiendo en la barra lateral del blog

Page 8: Creaciondeunblog

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”

Page 9: Creaciondeunblog

Diseño del blog: barra lateral

Elegimos el gadget HTML/Javascript

Page 10: Creaciondeunblog

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

Page 11: Creaciondeunblog

Diseño del blog: barra lateral

Ejemplo: poner un calendario como gadget Buscamos en internet el calendario que nos gustahttp://www.gifss.com/creaciones/calendarios/

Page 12: Creaciondeunblog

Diseño del blog: barra lateral

Copiamos el código HTML y lo pegamos en el gadget “HTML / Javascript”

Page 13: Creaciondeunblog

Diseño del blog: barra lateral

Al guardar el gadget y ver el blog tenemos nuestro calendario en la barra lateral

Page 14: Creaciondeunblog

Entradas

Page 15: Creaciondeunblog

Estadísticas, comentarios….

Page 16: Creaciondeunblog

Configuración

Page 17: Creaciondeunblog

Elementos del blog

Page 18: Creaciondeunblog

CABECERA TÍTULO Y PRESENTACIÓN

Elementos del blog

Page 19: Creaciondeunblog

Cuerpo central Barra lateral

Entradas, con comentarios, redes sociales…

Gadgets variados

Elementos del blog

Page 20: Creaciondeunblog

Nuestra primera entrada

Vamos a “Nueva entrada” en la portada de nuestro blog

También podemos acceder desde diseño y luego “Entrada nueva”

Page 21: Creaciondeunblog

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”

Page 22: Creaciondeunblog

Nuestra primera entrada

Page 23: Creaciondeunblog

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

Page 24: Creaciondeunblog

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

Page 25: Creaciondeunblog

Añadir vídeo

Buscamos el icono de insertar vídeo

Se abre una pestaña, podemos buscar y elegir el vídeo

Page 26: Creaciondeunblog

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”

Page 27: Creaciondeunblog

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”

Page 28: Creaciondeunblog

Elementos multimedia: slideshare

Page 29: Creaciondeunblog

Elementos multimedia: slideshare

Copiamos el código

Page 30: Creaciondeunblog

Elementos multimedia: slideshare

Page 31: Creaciondeunblog

Elementos multimedia: slideshare

Pegamos en el cuerpo de la entrada el código

Page 32: Creaciondeunblog

Elementos multimedia: slideshare

Si publicamos o damos a “vista previa” vemos el elemento incrustado directamente

Page 33: Creaciondeunblog

Elementos multimedia: Scribd

Page 34: Creaciondeunblog

Elementos multimedia: Scribd

Copiamos el código y lo pegamos en el cuerpo de la entrada en la pestaña “HTML”

Page 35: Creaciondeunblog

Elementos multimedia: youtube

Buscamos el vídeo que queremos incrustar en el blog

Page 36: Creaciondeunblog

Elementos multimedia: youtube

Page 37: Creaciondeunblog

Elementos multimedia: youtube

Pegamos, en la pestaña “HTML” de la entrada, el código y vemos el resultado en “publicar” o “vista previa”

Page 38: Creaciondeunblog

FIN