1. Creación de contenidos
en un blog en Blogger
Alejandro Valero, 2010
Apuntes sobre blogs
Creación de contenidos en el blog
2. 1. El contenido de un blog
PÁGINAS ENTRADAS GADGETS
Contenido informativo Contenido dinámico Contenido informativo
permanente y cronológico permanente
COMENTARIOS SUBSCRIPCIÓN
Contenido diná- Canales de
mico externo contenido
Creación de contenidos en el blog
3. 2. La entrada o post
Título Edición de
código HTML
Barra de
formato Edición con
formato HTML
Contenido de
la entrada Etiquetas
Opciones
Agrandar
el editor
Comentarios arrastrando
la esquina
Publicación
Configuración programada
de HTML
Guardado automático
Publicar Guardar sin publicar
Creación de contenidos en el blog
4. 3. La edición de entradas y comentarios
Ver entradas
por etiquetas
Editar y ver el
contenido Ver entradas
según su estado
Publicar y rechazar
comentarios si se
activa la moderación
en la configuración.
Creación de contenidos en el blog
5. 4. Creación y edición de páginas
El editor de entradas
y páginas
Editar las páginas
publicadas o en
borrador
Opciones para la ubicación
de las páginas publicadas
Gadget Páginas para
configurar la lista de
páginas del blog
Creación de contenidos en el blog
6. 5. Los comentarios del blog
Enlace al blog del
autor del comentario
Comentario en Entrada
incrustada a continuación
Cuentas de otros
servidores de
blogs que se
pueden usar para
firmar el
Comentarios en comentario
ventana emergente y
en ventana completa
Se puede firmar con
nombre y Dirección URL
del blog del autor; y de
forma anónima
Creación de contenidos en el blog
7. 6. El editor: creación de enlaces
Destacamos una expresión arrastrando
el cursor sobre ella mientras
apretamos el botón del ratón
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
Escribimos o pegamos la URL en el
campo de texto
Cambiar o eliminar el
Probamos el enlace en
enlace después de
una ventana nueva
creado
Creación de contenidos en el blog
8. 7. Inserción de imágenes
Pulsar icono de imagen
Pulsar Examinar para
buscar le imagen en el
disco duro
Opció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
9. 8. Presentación de fotos de Flickr
1. En la página de un
álbum se pulsa en
Presentación
3. El código se
pega en el editor
del blog 2. Se pulsa Compartir y
se copia el código HTML
de la presentación
4. La presentación
se ve en la entrada
del blog
Creación de contenidos en el blog
10. 9. Dos formas de insertar vídeos
1. Mediante el código HTML 2. Guardando el archivo en un
proporcionado por servicios servidor web y mostrándolo en el
web tales como YouTube blog mediante un reproductor
Botón Insertar
para obtener el
código del vídeo
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 El editor de Blogger permite
Opciones para subir vídeos desde nuestro
personalizar el ordenador usando el botón
código de vídeo del editor antiguo.
Creación de contenidos en el blog
11. 10. Dos formas de insertar audio
Reproductor del URL de esta página
archivo de audio
Código HTML para insertar
el reproductor en el blog
URL de mi archivo MP3
Mi archivo MP3 en
un servidor web
Código de mi Mi audio con
reproductor reproductor
Creación de contenidos en el blog
12. 11. Insertar audio con reproductor
Archivo MP3 de audio en
el disco virtual de
EducaMadrid
Archivo del reproductor
FLash
Generador de código
HTML personalizado
para pegar en el blog
Código del reproductor
Reproductor pegado en el editor en
del archivo Edición HTML
de audio
Creación de contenidos en el blog
13. 12. Insertar archivos de texto
Subir
archivo Archivo subido
Descargar el
archivo del blog
Compartir e insertar
Compartir e insertar
Copiar el código
para insertar
Archivo insertado en el blog
Creación de contenidos en el blog
14. 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
15. 14. Insertar presentaciones de SlideShare
Subir archivo desde
el disco duro
Tipos de archivos
y peso máximo
Buscar archivo
en dispositivo
Código para
insertar
Presentación
Opciones del publicada
archivo
Creación de contenidos en el blog
16. 15. Menú de descargas en el blog
Archivos cargados en Título de la sección que
el disco duro virtual aparecerá en el lateral
de EducaMadrid
Dirección URL del archivo Título del archivo
Archivos enlazados en
el blog con el gadget
Lista de enlaces
Añadir enlace
a la lista
Lista publicada
en el lateral del
blog
Creación de contenidos en el blog
17. 16. Disco duro virtual en EducaMadrid
El disco duro virtual lo usaremos para guardar los archivos y
las actvidades que luego incrustaremos en el blog
Educamadrid
-> Tutorial de José Mª Campo
Creación de contenidos en el blog
18. 17. Dropbox como disco duro virtual
Descargar el archivo Durante la instalación se
de instalación 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 Hacer público
el archivo
Archivo guardado en
una carpeta
Enlace público del archivo
que podemos insertar en
un marco IFRAME de HTML
Creación de contenidos en el blog