Creación de contenidos en el blog

Creación de contenidosen un blog en Blogger

Alejandro Valero, 2010

Apuntes sobre blogs

Creación de contenidos en el blog

1. El contenido de un blog

Contenido informativo permanente

Contenido dinámico y cronológico

Contenido informativo permanente

COMENTARIOS SUBSCRIPCIÓN

Canales de contenido

Contenido diná-mico externo

PÁGINAS ENTRADAS GADGETS

Creación de contenidos en el blog

2. La entrada o post

Título

Barra de formato

Edición de código HTML

Etiquetas

Edición con formato HTML

Comentarios

Opciones

Contenido de la entrada

Configuración de HTML

Publicar Guardar sin publicar

Publicación programada

Guardado automático

Agrandarel editor

arrastrandola esquina

Creación de contenidos en el blog

3. La edición de entradas y comentarios

Editar y ver el contenido Ver entradas

según su estado

Ver entradas por etiquetas

Publicar y rechazar comentarios si se

activa la moderación en la configuración.

Creación de contenidos en el blog

4. Creación y edición de páginas

Opciones para la ubicación de las páginas publicadas

Editar las páginas publicadas o en

borrador

El editor de entradas y páginas

Gadget Páginas para configurar la lista de

páginas del blog

Creación de contenidos en el blog

5. Los comentarios del blog

Enlace al blog del autor del comentario

Cuentas de otros servidores de blogs que se

pueden usar para firmar el

comentario

Se puede firmar con nombre y Dirección URL del blog del autor; y de

forma anónima

Comentarios en ventana emergente y en ventana completa

Comentario en Entrada incrustada a continuación

Creación de contenidos en el blog

6. El editor: creación de enlaces

Destacamos una expresión arrastrando el cursor sobre ella mientras apretamos el botón del ratón

Escribimos o pegamos la URL en el campo de texto

Pulsamos en Enlace y se abre la ventana de Editar enlaces

Podemos enlazar una Dirección Web (URL) o una dirección de correo electrónico

Probamos el enlace en una ventana nueva

Cambiar o eliminar el enlace después de

creado

Creación de contenidos en el blog

7. Inserción de imágenes

Pulsar icono de imagen

Pulsar Examinar para buscar le imagen en el

disco duroOpción para insertar una

imagen publicada en la Web

Imagen insertada en el editor

Opciones de la imagen insertada: alinear o a la izquierda o la derecha

del párrafo, o centrada, con varios tamaños

Creación de contenidos en el blog

8. Presentación de fotos de Flickr1. En la página de un

álbum se pulsa en Presentación

2. Se pulsa Compartir y se copia el código HTML

de la presentación

3. El código se pega en el editor

del blog

4. La presentación se ve en la entrada

del blog

Creación de contenidos en el blog

9. Dos formas de insertar vídeos

1. Mediante el código HTML proporcionado por servicios

web tales como YouTube

Código HTML de un vídeo de YouTube que hay que copiar y pegar en la Edición de HTML del editor del blog de Blogger

Opciones para personalizar el

código

Botón Insertar para obtener el código del vídeo

2. Guardando el archivo en un servidor web y mostrándolo en el

blog mediante un reproductor

El editor de Blogger permite subir vídeos desde nuestro ordenador usando el botón de vídeo del editor antiguo.

Creación de contenidos en el blog

10. Dos formas de insertar audio

Reproductor del archivo de audio

Código HTML para insertar el reproductor en el blog

URL de esta página

Mi archivo MP3 en un servidor web

URL de mi archivo MP3

Código de mi reproductor

Mi audio con reproductor

Creación de contenidos en el blog

11. Insertar audio con reproductor

Archivo MP3 de audio en el disco virtual de

EducaMadrid

Reproductor del archivo de audio

Generador de código HTML personalizado

para pegar en el blog

Código del reproductor pegado en el editor en

Edición HTML

Archivo del reproductor FLash

Creación de contenidos en el blog

12. Insertar archivos de texto

Subir archivo Archivo subido

Compartir e insertar Copiar el código para insertar

Compartir e insertar

Archivo insertado en el blog

Descargar el archivo del blog

Creación de contenidos en el blog

13. Incrustar presentaciones de Google Docs

Subir archivo desde el disco duro

Código que se pega en el editor del blog

Presentación publicada

Creación de contenidos en el blog

14. Insertar presentaciones de SlideShare

Subir archivo desde el disco duro

Tipos de archivos y peso máximo

Buscar archivo en dispositivo

Opciones del archivo

Presentación publicada

Código para insertar

Creación de contenidos en el blog

15. Menú de descargas en el blog

Archivos cargados en el disco duro virtual

de EducaMadrid

Archivos enlazados en el blog con el gadget

Lista de enlaces

Título de la sección que aparecerá en el lateral

Dirección URL del archivo Título del archivo

Añadir enlace a la lista

Lista publicada en el lateral del

blog

Creación de contenidos en el blog

16. Disco duro virtual en EducaMadrid

-> Tutorial de José Mª Campo

Educamadrid

El disco duro virtual lo usaremos para guardar los archivos y las actvidades que luego incrustaremos en el blog

Creación de contenidos en el blog

17. Dropbox como disco duro virtual

Descargar el archivo de instalación

Durante la instalación se crea la cuenta en Dropbox

Se crea en nuestro disco duro una carpeta llamada Dropbox dentro de Mis documentos en Windows o de la carpeta personal en Linux que se

sincroniza con el servidor.

Pulsar Upload para cargar o subir un archivo al servidor

Archivo guardado en una carpeta

Hacer público el archivo

Enlace público del archivo que podemos insertar en

un marco IFRAME de HTML