Blogger
-
Upload
ramon-ovelar -
Category
Education
-
view
4.948 -
download
2
description
Transcript of Blogger
![Page 1: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/1.jpg)
► Activar Blogger desde GMAIL y conocer el entorno de trabajo
► Escribir la primera entrada Insertar vídeos Insertar videos desde You Tube o páginas
similares
► Editar la plantilla y los elementos de la barra lateral
► Añadir colaboradores y establecer el blog como público o privado
![Page 2: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/2.jpg)
►Para crear una cuenta en Blogger necesitamos una cuenta en Gmail
►Los primeros pasos que debemos dar son elegir: El nombre con el que vamos a aparecer El nombre del blog La plantilla (o presentación)
►Vamos a la página de blogger
1 Crear la cuenta
![Page 3: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/3.jpg)
![Page 4: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/4.jpg)
1Si tenemos más de una cuenta
Gmail podemos escoger usar otra distinta
![Page 5: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/5.jpg)
2Cuando elijamos la dirección URL* del
blog debemos comprobar que está
disponible
*URL significa Uniform Resource Locator
![Page 6: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/6.jpg)
3Escogemos la
plantilla que más nos guste y continuamos
Ya está, ahora podemos empezar a trabajar
![Page 7: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/7.jpg)
Adelante…
![Page 8: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/8.jpg)
Estamos listos para publicar nuestro primer post pero… quizás es el momento de guardar la dirección del Panel de
administración
![Page 9: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/9.jpg)
El panel de administración permite:• Editar mi perfil (1)• Gestionar todo en este blog (2)• Crear otros blogs (3)Lo mejor será añadir esta dirección a los favoritos de nuestro ordenadorhttp://www2.blogger.com/home
12
3
![Page 10: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/10.jpg)
Para entrar en Blogger, 2 opciones
Ir a http://www.blogger.com/home Cuando vayamos por primera vez a esta dirección deberemos identificarnos con nuestra cuenta Gmail
1
2Volver a entrar
desde Gmail
![Page 11: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/11.jpg)
Escribir la primera entrada► El editor de Blogger es muy sencillo, es
como un procesador de textos pero con menos posibilidades
► Podemos añadir imágenes y vínculos a otras páginas
► Al finalizar la entrada podemos añadir unas etiquetas (palabras clave)
► También podemos guardar borradores de las entradas que vamos preparando
► Ahora también podemos añadir vídeos y animaciones
![Page 12: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/12.jpg)
Ahora sí. ¡Vamos a por la primera entrada!
![Page 13: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/13.jpg)
Esta es la pestaña edición, similar a la un procesador de
textos
Con código HTML,
(territorio geek)
![Page 14: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/14.jpg)
Podemos elegir una imagen en nuestro ordenador o por la
dirección URL
![Page 15: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/15.jpg)
Podemos elegir la alineación de la
imagen
![Page 16: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/16.jpg)
La primera vez deberemos aceptar las condiciones de servicio. Tenemos
aprox. 1GB de espacio
![Page 17: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/17.jpg)
Pulsamos sobre finalizado y
volvemos a la pantalla del editor
![Page 18: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/18.jpg)
Con esta función introducimos enlaces a
otras páginas de Internet
![Page 19: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/19.jpg)
Los tags (o palabras clave)
permiten organizar las
contribuciones
![Page 20: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/20.jpg)
Desplegamos el panel de
opciones de publicación
![Page 21: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/21.jpg)
Editar, o dejarlo para luego
![Page 22: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/22.jpg)
Ya hemos terminado, aunque
naturalmente, podremos volver a editar la entrada
más tarde si así lo deseamos
![Page 23: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/23.jpg)
► Desde este panel tenemos acceso a la gestión completa de las entradas publicadas y los borradores
![Page 24: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/24.jpg)
Insertar vídeos (1)
► Recientemente Blogger ha añadido una nueva funcionalidad que nos permite insertar vídeos de los siguientes formatos: AVI, MPEG, QuickTime, Real y Windows Media Los archivos deberán tener un tamaño máximo
de 100 MB
![Page 25: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/25.jpg)
Insertar vídeos (2)Este botón nos
permitirá añadir los archivos de vídeo
![Page 26: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/26.jpg)
Insertar vídeos (3) Aparece una ventana emergente
con el cuadro de diálogo
![Page 27: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/27.jpg)
Insertar vídeos (4)Localizamos el
archivo en nuestro equipo
![Page 28: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/28.jpg)
Insertar vídeos (5) Completamos el formulario y
pulsamos sobre “SUBIR VÍDEO”
![Page 29: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/29.jpg)
Insertar vídeos (6) El proceso de carga puede durar unos minutos (vemos el
progreso en la barra inferior)
![Page 30: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/30.jpg)
Insertar vídeos (7)Finalizada la carga sólo tenemos que
“PUBLICAR”
![Page 31: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/31.jpg)
Insertar vídeos (8) La entrada está publicada.
Podemos ver cómo ha quedado
![Page 32: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/32.jpg)
Insertar vídeos (9) La primera vista aparece en negro,
tenemos que pulsar sobre reproducir
![Page 33: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/33.jpg)
Insertar vídeos (10)La carga es rápida, aunque depende de
la conexión
![Page 34: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/34.jpg)
Insertar vídeos (11) El fragmento de vídeo está
insertada en la entrada del blog
![Page 35: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/35.jpg)
Insertar vídeos con YouTube
Con el editor visual no podemos
insertar un video de You Tube
![Page 36: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/36.jpg)
Insertar vídeos con YouTube
Pulsamos la pestaña de
Edición HTML
![Page 37: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/37.jpg)
Insertar vídeos con YouTube
Copiamos el código del campo Embed
![Page 38: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/38.jpg)
Insertar vídeos con YouTube
Hemos pegado este fragmento de texto, con el editor en modo HTML (si no
sólo veremos el texto al publicar)
![Page 39: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/39.jpg)
Insertar vídeos con YouTube
Mientras estamos
publicando solo vemos el recuadro
![Page 40: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/40.jpg)
Insertar vídeos con YouTube
Al publicar vemos el video insertado en el
mensaje
![Page 41: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/41.jpg)
¿Dónde encontrar vídeos para insertar en nuestras blogs?
► Plataformas de contenido generado por el usuario You Tube Canales de You Tube
Universidad de Berkeley ucberkeley's Playlists (más claro)
Discursos de los Premios Nobel TED Talks Conferencias de 20 minutos de
personalidades Más fuentes
![Page 42: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/42.jpg)
► Canales de universidades en castellano Universidad Abierta de Cataluña (UOC) Universidad Autónoma de Madrid Universidad Católica de Valencia Universidad Rey Juan Carlos UNIACC Universidad privada de Santiago de
Chile Vídeo sobre la Universidad de Navarra (Privada)
![Page 43: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/43.jpg)
► Otras páginas con contenidos generados por los usuarios SlideShare (Presentaciones) Esta es de las más
interesantes School Tube Teacher Tube (Va lento) Otras páginas con videos que muestran cómo hacer cosas:
cocina, guitarra, masajes… (trigonometría no he visto) 5min Sclipo Graspr Blip.tv
► Un sitio especializado en filtrar Videos Educativos (Orientado a primaria)
¿Dónde encontrar vídeos para insertar en nuestras páginas?
![Page 44: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/44.jpg)
► Buscadores Google.video How do I (es un buscador creado con Google
Coop, un servicio que permite limitar las búsquedas a unas fuentes predefinidas)
► Ediciones digitales de periódicos Herald Tribune (ventana de vídeos a la derecha)
¿Dónde encontrar vídeos para insertar en nuestras páginas?
![Page 45: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/45.jpg)
Configurar la plantilla
► Blogger ofrece un extenso repertorio plantillas que además podemos personalizar
► Podemos cambiar los colores de los distintos elementos de la página de estilo
► Existe un número importante de complementos que podemos añadir en la barra lateral
![Page 46: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/46.jpg)
Acceder a la configuración
► Desde el blog, pulsando este enlace
► O accediendo directamente a la página http://www.blogger.com/home
![Page 47: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/47.jpg)
Acceder a la configuración
► En el panel de configuración marcamos la pestaña y subpestaña señaladas
![Page 48: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/48.jpg)
![Page 49: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/49.jpg)
Esta opción nos permite añadir
elementos a la barra lateral
![Page 50: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/50.jpg)
Añadimos este elemento que nos permitirá indicar otros
blogs de interés
![Page 51: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/51.jpg)
Esta sección mostrará las palabras clave añadidas
en las entradas
![Page 52: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/52.jpg)
Añadir colaboradores
► El blog puede ser visible a todo Internet o sólo a un reducido grupo de personas
► Podemos enviar invitaciones a otras personas (vía e-mail) para que colaboren en las aportaciones al blog
► Existen dos roles de usuario: El invitado, sólo puede escribir El administrador, con plenos poderes (salvo
eliminar al primer administrador)
![Page 53: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/53.jpg)
¿Quién quiero que vea el
contenido del blog?
![Page 54: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/54.jpg)
![Page 55: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/55.jpg)
Invitar a colaboradores
Eduardo recibe un mail y acepta la invitación
Si pulso sobre “Invitado” convertiré
a Eduardo en administrador
![Page 56: Blogger](https://reader035.fdocument.pub/reader035/viewer/2022070304/54bbec4b4a7959d5758b459e/html5/thumbnails/56.jpg)
¿Qué diferencia hay entre un invitado y un administrador?
► El invitado tiene unos permisos muy limitados, tan sólo puede gestionar entradas y abandonar el blog