Download - Creaciondeunblog
![Page 1: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/1.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/2.jpg)
CREAMOS UNA CUENTA EN GMAILVAMOS A “CREAR BLOG”, ELEGIMOS TÍTULO Y
DIRECCIÓN
Creación de un blog
![Page 3: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/3.jpg)
Diseñando el blog
Desde la pestaña “diseño” accedemos a la configuración del blog
Subscripción al blog
![Page 4: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/4.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/5.jpg)
Diseño del blog
En la pestaña “diseño” podemos ver y editar las partes del blog
![Page 6: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/6.jpg)
Diseño del blog: barra lateral
En la pestaña “diseño” buscamos “añadir gadget”
![Page 7: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/7.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/8.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/9.jpg)
Diseño del blog: barra lateral
Elegimos el gadget HTML/Javascript
![Page 10: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/10.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/11.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/12.jpg)
Diseño del blog: barra lateral
Copiamos el código HTML y lo pegamos en el gadget “HTML / Javascript”
![Page 13: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/13.jpg)
Diseño del blog: barra lateral
Al guardar el gadget y ver el blog tenemos nuestro calendario en la barra lateral
![Page 14: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/14.jpg)
Entradas
![Page 15: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/15.jpg)
Estadísticas, comentarios….
![Page 16: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/16.jpg)
Configuración
![Page 17: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/17.jpg)
Elementos del blog
![Page 18: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/18.jpg)
CABECERA TÍTULO Y PRESENTACIÓN
Elementos del blog
![Page 19: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/19.jpg)
Cuerpo central Barra lateral
Entradas, con comentarios, redes sociales…
Gadgets variados
Elementos del blog
![Page 20: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/20.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/21.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/22.jpg)
Nuestra primera entrada
![Page 23: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/23.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/24.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/25.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/26.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/27.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/28.jpg)
Elementos multimedia: slideshare
![Page 29: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/29.jpg)
Elementos multimedia: slideshare
Copiamos el código
![Page 30: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/30.jpg)
Elementos multimedia: slideshare
![Page 31: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/31.jpg)
Elementos multimedia: slideshare
Pegamos en el cuerpo de la entrada el código
![Page 32: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/32.jpg)
Elementos multimedia: slideshare
Si publicamos o damos a “vista previa” vemos el elemento incrustado directamente
![Page 33: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/33.jpg)
Elementos multimedia: Scribd
![Page 34: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/34.jpg)
Elementos multimedia: Scribd
Copiamos el código y lo pegamos en el cuerpo de la entrada en la pestaña “HTML”
![Page 35: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/35.jpg)
Elementos multimedia: youtube
Buscamos el vídeo que queremos incrustar en el blog
![Page 36: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/36.jpg)
Elementos multimedia: youtube
![Page 37: Creaciondeunblog](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/37.jpg)
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](https://reader038.vdocuments.co/reader038/viewer/2022110308/55822979d8b42a48108b4d67/html5/thumbnails/38.jpg)
FIN