Este documento proporciona instrucciones para crear y configurar un blog usando la plataforma Blogger. Explica cómo crear una cuenta de usuario, elegir un nombre y diseño para el blog, y publicar el primer mensaje. También cubre cómo añadir videos, imágenes animadas y otros elementos multimedia al blog, y personalizar la configuración y apariencia del sitio.

1. UNIVERSIDAD TECNICA
DE AMBATO
Facultad: Ciencias Humanas y de la Educación
Carrera: Educación Básica
MÓDULO: NTIC’s

2. TEMA: PUBLICACIÓN EN
BLOG
Nivel/paralelo: Segundo Semestre “B”
Docente: Ing. Patricio Córdova
Integrantes:
Mercy Torres
Franklin Quile
Paola Paredes
Mayra Catota

3. BLOG
Un blog, en español también bitácora digital o simplemente bitácora un sitio
web periódicamente actualizado que recopila cronológicamente textos
o artículos de uno o varios autores, donde el autor conserva siempre la libertad
de dejar publicado lo que crea pertinente.
Habitualmente, en cada artículo de un blog, los lectores pueden escribir sus
comentarios y el autor darles respuesta, de forma que es posible establecer un
diálogo.

4. 1º Crear nuestro blog en blog ger
Lo primero que vamos a hacer es ir a
www.blogger.com y pincharemos sobre
el botón que pone Createyour blog
now:

5. En choose a username , vamos a poner un nombre de usuario para
identificarnos en Blogger , esto no tiene nada que ver con el futuro
Blog que vamos a crear
En Display Name pondremos nuestro nick o nombre que se vea
cuando publiquemos un post por ejemplo
Una vez rellenados los datos, pulsaremos sobre Continue:
En Blog title pondremos el título de nuestro blog.

6. UNA VEZ
RELLENADO, PRESIONAREMOS
En el ejemplo , hemos puesto de SOBRE CONTINUE
título para el blog Tutorial Blogger, y
en Blog Address
, http://tutorialblogger.blogspot.com

7. Aquí escogeremos la apariencia de nuestro blog , como
veréis, hay muchos estilos para escoger , presionando
sobre el icono de la lupa, veremos un ejemplo para
decidirnos mejor.
Presionamos sobre el que queramos
escoger, y le daremos a Continue:

8. Este es el mensaje de
confirmación de que nuestro
blog ha sido creado con
éxito, pulsaremos sobre Start
posting para comenzar a postear
con Blogger.

9. 2º Publicar nuestro mensaje
Esta es la primera ventana que En Title, pondremos el título del
veremos, es directamente, para poner post que vayamos a poner
un contenido, podemos no ponerlo
En el resto, podremos el contenido
ahora, pero si queremos, el proceso
Para lo demás , podemos ayudarnos
es el siguiente.
de las herramientas estilo
Wordpad, o editarlo en HTML
directamente.

10. Para el ejemplo, he puesto de
título "Prueba”, y el siguiente
texto en su interior
Una vez decidido lo que vayamos
a publicar, presionaremos sobre
Publish Post para publicarlo.

11.  Este es el mensaje de confirmación de que nuestro post ha sido publicado
con éxito , presionando sobre View Blog, podremos ver cómo ha quedado:

12. La imagen está puesta pequeña
• Previous post, una
y cortados los bordes, pero asi
recopilación de enlaces a posts
veremos de manera fácil como anteriores
ha quedado el resultado. • Archives, es un archivo de
posts anteriores, clasificados
En About me, aparece
por meses.
información sobre el autor del
Blog

13. 3º Configurar el blog
 Iremos a la pestañaSettings
 En Title , podemos personalizar el
título de nuestro blog
Este paso es opcional, es solo

algunas reseñas para personalizarlo a  En Description , una descripción
nuestro gusto, o para eliminar el blog del blog para quien nos visite por
ejemplo , pueda verlo
 Las otras opciones no deberíamos
tocarlas preferentemente

14. Abajo, en Global settings, si
presionamos sobre
SaveChanges, salvaremos los
cambios que hayamos hecho, y si
presionamos sobre Dropthis
Blog, eliminaremos nuestro blog
completamente

15. Presionando sobre
members, podemos invitar a
otras personas a hacerse
miembros de nuestro
blog, para que puedan
publicar posts , nos ayuden
en nuestro blog etc,

16. Ponemos arriba su dirección de email, para poder invitar, hasta a 3
personas a la vez, y en Message , un mensaje explicativo que saldrá en
el email. una vez que ellos reciban el email.

17.  La opción de Template nos Hoy en día los blogs están en
permite configurar, si sabemos alza, muchas personas quieren
tener su espacio en Internet
algo de html , nuestro blog en si
para publicar sus opiniones, sus
, como si editáramos una página
experiencias,etc. , y la forma
web.
más sencilla y fácil es con un
Blog , o también llamado
Weblog.

18. I N S E R TA R V Í D E O E N E L B L O G
 Podemos encontrar multitud de  Insertar vídeo en el blog el modo
vídeos en la red: Www .YouTube de insertar un vídeo en nuestro blog
.Com Http://video. Google .Es/ de bloggeres muy sencillo.
Www .Metacafe . Com Www Localizamos la palabra embed
.Dailymotion .Com. Copiamos el código HTML Lo
pegamos en la entrada que estemos
escribiendo.

19. INSERTAR VÍDEO EN EL
BLOG EN
GOOGLEVIDEO
 Insertar vídeo en el blog
copiamos el código y lo pegamos
Pinchamos en “integrar
en el post en youtube.
html” y nos aparecerá el
código que tenemos que
copiar y pegar en la entrada
que estemos escribiendo.

20. INSERTAR VÍDEOEN EL
BLOG
El proceso es muy similar en el
resto de alojamientos de vídeo.
En algunos, como por ejemplo
dailymotion, es necesario
registrarse para poder continuar
con la operación.

21. COOL TEXT
 Cool Text es un servicio en línea gratuito que te permite crear tus
propios logos y botones con solo un par de click, simplemente se
selecciona el estilo del logo, se escribe el texto.

22. Obviamente los logos creados en Cool Text no son nada del otro
mundo, pero te pueden sacar de más de un apuro si lo único que
necesitas es un efecto de texto rápido y resultón.

23.  Una vez elegida tu plantilla de diseño, pasas a la página de
personalización. Según el que hayas escogido, podrás cambiar
colores, tamaño del texto, fuente.

24. Hablando de fuentes, en Cool Text tienes un montón para elegir.
Incluso puedes usar la página sólo para conseguir nuevas fuentes, ya
que cada una de ellas incluye un enlace de descarga.

25.  Una vez lo has configurado
todo a tu gusto, no tienes más que
hacer clic en el botón "Render
Logo" y en unos momentos lo
tendrás listo para descargar, enviar
por email, obtener el código
HTML correspondiente o volver
atrás por si quieres cambiar algo.

26. Para pegarlo en muestro blog
como título:
 Guardamos la imagen en
nuestra PC .
 Regresamos al blog.
 Seleccionamos el comando
diseño y la opción editar
cabecera.

27.  En ubicación seleccionamos
la opción “en lugar del título y la
descripción”.
 Y por último guardar.

28. VO K I
 Voki es una herramienta  Este "voki" resultante lo
interesante que podemos tomar podemos insertar en una página
para el aula de idiomas
web, blog, wiki, etc. o bien
(excelente, para inglés). Se trata de
enviarlo por correo electrónico e
un widget (como un "extra")
incluso por móvil.
gratuito que produce un "voki" o
personaje (avatar) que se mueve y
habla el texto que le introducimos.

29.  Una de las cosas que hace
interesante esta herramienta es que
nos permite personalizar el
producto final:

30. APLICACIÓN EN EL AULA
Se pueden crear "vokis", para después insertarlos en la página de clase, o
enviarlos por correo, de forma personalizada (de este
modo, introducimos también un factor comunicativo muy importante).
Aunque NUNCA debemos olvidar que el texto verbal producido es de
una MÁQUINA.
Y no sólo eso, también te proporcionan un código HTML para que
lo incluyas en tu blog, perfil de tu red social favorita .

31. Para lo cual:
 Copiamos el código HTML de la imagen.
 Pegamos el código en la página de nueva entrada del blog en
la opción “edición de HTML.”
 Clic en “guardar ahora” y “publicar entrada”

32. Por último clic en “Ver blog” aquí observaremos la
publicación hecha

33. TEXTANIM
TextAnim, es una aplicación web completamente gratuita, que nos
permite crear banners de texto animados para nuestras páginas web
de manera realmente sencilla.
La aplicación cuenta con una
interfaz muy sencilla de utilizar, la
cual cuenta con varias
herramientas que nos permiten
personalizar por completo
nuestros banners, solo tendremos
que escribir el texto que
deseamos, personalizar su fuente y
tamaño, algún color para el fondo.

34. Para publicarla en el blog
 Guardamos la imagen en la PC
 En creación de entradas seleccionamos la opción redactar
 Insertar imagen seleccionar desde archivo.

35. Elegimos la imagen que deseamos publicar, clic en
“guardar ahora” y “publicar entrada”.
Para visualizar la imagen publicada hacemos clic en ver blog

36. PAGEPLUGINS
Es una página donde encontraremos muchos widgets y animaciones
flash para nuestro blog, como calendarios, contadores, texto con
efecto glitter, relojes, etc.
Una página con muchas utilidades

37. A continuación podemos modificar la imagen cambiando
su contenido; para publicarlo en nuestro blog es necesario
copiar el código y;

38. Pegarlo en la ventana de nueva entrada del blog en la opción “entrada
de HTML”.
Para visualizar la publicación hacemos
clic sobre el comando “ver blog”

39. GIFS
 Página web que permite crear y guardar imágenes con extensión
gis para poder usarlas luego en nuestra página de Blog, Facebook…

40.  Seleccionamos la categoría
que deseamos entre las varias
que existen al lado izquierdo de
la página
 Una vez seleccionada la
imagen damos clic derecho
“guardar imagen”.

41.  Para publicar la imagen en el Blog:
 En nueva entrada seleccionamos la
opción redactar e insertar imagen.
 Seleccionamos la imagen que
deseamos publicar. Abrir
 Por último seleccionamos el
comando añadir imagen.

42. Para publicar en el Blog
• Clic en nueva entrada seleccionar la pestaña “redactar”
• Insertar imagen
• Clic en “guardar ahora” y “publicar entrada”.
Para visualizar la publicación clic
en “Ver Blog”.