Creación y uso educativo de blogs
Tema 3
dospuntoceroenelaula.blogspot.com
DiseÑo y Configuracion del Blog Tema 3: Diseño y Configuración del Blog
1
Creación y uso educativo de blogs
MENÚ Diseño y Apariencia
Creación de Entradas Comentarios
Diseño y Apariencia Índice: 1. Configuración básica. 2. Diseño del blog. 3. Gadgets.
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
2
Creación y uso educativo de blogs
Diseño y Apariencia
MENÚ
1.
Configuración básica.
Diseño y Apariencia
Creación de Entradas Comentarios
dospuntoceroenelaula.blogspot.com
1.
Básico: en esta opción podemos poner
título a nuestro blog y su descripción, así como configurar el editor de entradas a usar. 2. Publicación: Nos da la posibilidad de cambiar en un futuro el nombre del blog. 3. Formato: podemos elegir los distintos formatos de fecha, hora,… Tema 3: Diseño y Configuración del Blog
3
Creación y uso educativo de blogs
Diseño y Apariencia
MENÚ
1.
Configuración básica.
Diseño y Apariencia
Creación de Entradas Comentarios
dospuntoceroenelaula.blogspot.com
4.
Comentarios: nos da la posibilidad de
introducir comentarios al final de cada entrada del blog. 5. Archivo: podemos establecer el tiempo tras el cual se archivan las entradas. 6. Feed del Sitio: esta opción permite a Blogger la distribución de nuestro blog en condiciones óptimas para todos los sistemas operativos. Tema 3: Diseño y Configuración del Blog
4
Creación y uso educativo de blogs
Diseño y Apariencia
MENÚ
1.
Configuración básica.
Diseño y Apariencia
Creación de Entradas Comentarios
dospuntoceroenelaula.blogspot.com
7.
Correo electrónico: esta opción nos
permite crear entradas desde el correo electrónico. 8. OpenID: sirve para identificarte en sitios con esta opción con el nombre de tu blog. 9. Permisos: aquí podemos agregar personas para que administren el blog.
Tema 3: Diseño y Configuración del Blog
5
Creación y uso educativo de blogs
Diseño y Apariencia
MENÚ
2.
Diseño del Blog.
Diseño y Apariencia
Creación de Entradas Comentarios
Esta parte es muy intuitiva ya que podemos configurar el aspecto del blog, simplemente arrastrando elementos. Una parte importante del diseño es la inclusión de GADGETS que dan forma y personalizan el blog. dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
6
Creación y uso educativo de blogs
Diseño y Apariencia
MENÚ
2.
Diseño del Blog.
Diseño y Apariencia
Creación de Entradas Comentarios
Podemos asignar colores a los títulos, textos,… IMPORTANTE: se aconseja NO modificar las instrucciones html ubicadas en la pestaña “Edición en HTML” si no se tienen conocimientos sobre el lenguaje. dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
7
Creación y uso educativo de blogs
MENÚ Diseño y Apariencia
Creación de Entradas Comentarios
Diseño y Apariencia 3.
Gadgets.
Los GADGETS son aplicaciones de distinta índole que sirven para dinamizar una web. Por ejemplo: contadores de visitas, buscar en el blog, Administrador de links,… La manera de incluir gadgets en los menús es simple: sólo hay que cliquear en añadir y se nos mostrará un menú de los gadgets más comunes. Veamos:
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
8
Creación y uso educativo de blogs
MENÚ
Diseño y Apariencia 3.
Gadgets.
Diseño y Apariencia
Creación de Entradas Comentarios
dospuntoceroenelaula.blogspot.com
Pulsar para añadir
Tema 3: Diseño y Configuración del Blog
9
Creación y uso educativo de blogs
MENÚ Diseño y Apariencia
Creación de Entradas Comentarios
Creación de entradas Índice: 1. Editar entradas. 2. Formato de texto. Botones. 3. Publicación.
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
10
Creación y uso educativo de blogs
Creación de entradas
MENÚ
1.
Editar entradas.
Diseño y Apariencia
Creación de Entradas Comentarios
Una vez que has accedido al blog debes cliquear en la opción Editar
entradas
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
11
Creación y uso educativo de blogs
MENÚ
Creación de entradas 1.
Editar entradas.
Diseño y Apariencia
Creación de Entradas Comentarios
Para crear una entrada nueva debes acceder al menú Nueva Entrada dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 12
Creación y uso educativo de blogs
MENÚ
Creación de entradas 1.
Editar entradas.
Diseño y Apariencia
Creación de Entradas Comentarios
1. Título. 2. Barra de formato. 3. Cuadro de escritura. dospuntoceroenelaula.blogspot.com
1
2 3
La barra de formato es idéntica a la de cualquier editor de textos. Cualquier instrucción que apliques se desarrolla en el cuadro de escritura.
Tema 3: Diseño y Configuración del Blog
13
Creación y uso educativo de blogs
MENÚ
Creación de entradas 1.
Editar entradas.
Diseño y Apariencia
Creación de Entradas Comentarios
1. Redactar. 2. Edición de HTML. 3. Vista Previa.
dospuntoceroenelaula.blogspot.com
3
2
1
La opción “Edición de HTML” difiere de la opción “Redactar” en el uso del lenguaje Html para la creación de la entrada. Se aconseja no modificar las instrucciones si no se tienen conocimientos sobre el mismo. La “Vista Previa” nos ofrece cómo queda la entrada en nuestro blog. Tema 3: Diseño y Configuración del Blog
14
Creación y uso educativo de blogs
MENÚ
Creación de entradas 1.
Editar entradas.
Diseño y Apariencia
Creación de Entradas Comentarios
Aquí podrás publicar la entrada una vez redactada a tu gusto.
dospuntoceroenelaula.blogspot.com
Antes de publicar la entrada, Blogger nos ofrece la posibilidad de clasificar las entradas por temas, dándole el nivel de Etiqueta.
Tema 3: Diseño y Configuración del Blog 15
Creación y uso educativo de blogs
MENÚ Diseño y Apariencia
Creación de entradas 2.
Formato de Texto. Botones
Como ya hemos comentado la barra de formato de textos es idéntica a la de cualquier editor. Simplemente hay que seleccionar y aplicar la Creación de Entradas instrucción. De izquierda a derecha nos encontramos con: Comentarios 1. Deshacer escritura. 9. Enlace o Hipervínculo. 10. Insertar imagen. 2. Repetir escritura. 11. Salto de línea. 3. Tipo de fuente. 12. Alineación. 4. Tamaño de fuente. 13. Numeración y 5. Negrita. viñetas. 6. Cursiva. 7. Tachado. 8. Color de fondo. Tema 3: Diseño y Configuración del Blog 16 dospuntoceroenelaula.blogspot.com
Creación y uso educativo de blogs
Creación de entradas
MENÚ Diseño y Apariencia
Creación de Entradas
2.
Formato de Texto. Botones
Lo que suele crear más problemas en el uso de la barra de formato es la inclusión de imagen y/o inclusión de un enlace. Para insertar imagen cliqueamos en el icono correspondiente, y se nos abre una ventana de diálogo para seleccionar la imagen desde archivo:
Comentarios
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 17
Creación y uso educativo de blogs
Creación de entradas
MENÚ Diseño y Apariencia
Creación de Entradas
2.
Formato de Texto. Botones
Una vez que se acepta la acción se nos ofrece la posibilidad de cambiar el tamaño de la imagen y distintas posibilidades de alineación, así como su eliminación:
Comentarios
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 18
Creación y uso educativo de blogs
Creación de entradas
MENÚ Diseño y Apariencia
Creación de Entradas
2.
Formato de Texto. Botones
Para insertar un enlace cliqueamos en el icono correspondiente, y se nos abre una ventana de diálogo para insertar el enlace mediante su dirección URL, sin olvidarnos de incluir http://
Comentarios
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog
19
Creación y uso educativo de blogs
Creación de entradas
MENÚ Diseño y Apariencia
2.
Formato de Texto. Botones
Una vez que se acepta la acción se nos ofrece la posibilidad de “Ir al enlace” cambiarlo o eliminarlo:
Creación de Entradas Comentarios
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 20
Creación y uso educativo de blogs
MENÚ Diseño y Apariencia
Creación de Entradas Comentarios
Comentarios Índice: 1. Configuración Administración. 2. Seguimiento.
dospuntoceroenelaula.blogspot.com
y
Tema 3: Diseño y Configuración del Blog 21
Creación y uso educativo de blogs
Comentarios
MENÚ Diseño y Apariencia
Creación de Entradas Comentarios
1.
Configuración y Administración.
Lo más importante para la configuración de comentarios son las dos campos que se muestran a continuación. Con ellos: 1. Permitimos la publicación de comentarios a personas elegidas, y 2. La ubicación de los comentarios en el blog.
1 2 dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 22
Creación y uso educativo de blogs
Comentarios
MENÚ Diseño y Apariencia
1.
Configuración y Administración.
Para la opción Entrada incrustada a continuación, se habilita un formulario parecido al siguiente:
Creación de Entradas Comentarios
Aquí tenemos la opción de personalizar el comentario: el nombre si se tiene cuenta de gmail, anónimo,… dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 23
Creación y uso educativo de blogs
Comentarios
MENÚ Diseño y Apariencia
1.
Configuración y Administración.
Para la opción Ventana emergente se habilita una ventana similar a la siguiente:
Creación de Entradas Comentarios
Aquí tenemos la opción de personalizar el comentario: el nombre si se tiene cuenta de gmail, anónimo,… dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 24
Creación y uso educativo de blogs
Comentarios
MENÚ Diseño y Apariencia
2.
Seguimiento.
En la pestaña Comentarios de la Configuración de Blogger, escribimos nuestra dirección de correo habitual
Creación de Entradas Comentarios
¡¡¡ NOS LLEGA !!!
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 25
Creación y uso educativo de blogs
Comentarios
MENÚ Diseño y Apariencia
2.
Seguimiento.
Pinchando en el propio correo electrónico recibido podremos eliminar mensajes indeseados.
Creación de Entradas Comentarios
dospuntoceroenelaula.blogspot.com
Tema 3: Diseño y Configuración del Blog 26
Creaci贸n y uso educativo de blogs
FIN dospuntoceroenelaula.blogspot.com
Tema 3: Dise帽o y Configuraci贸n del Blog 27