Este documento proporciona instrucciones sobre cómo crear y configurar un blog usando la plataforma Blogger. Explica los pasos para crear una cuenta de usuario, elegir un nombre y diseño para el blog, publicar el primer mensaje, y configurar opciones como los comentarios. También cubre cómo insertar videos en publicaciones de blog desde sitios como YouTube usando código HTML. El objetivo es enseñar a estudiantes a utilizar esta herramienta para publicar y compartir contenido en línea.

1. Facultad: Ciencias Humanas y de la Educación
Carrera: Educación Básica
MÓDULO: NTIC’s
TEMA: PUBLICACIÓN EN BLOG
Nivel/paralelo: Segundo Semestre
Educación Básica “B”
Docente: Ing. Patricio Córdova
Integrantes:
Mercy Torrez
Franklin Quile
Paola Paredes
Mayra Catota
Septiembre 2011 / Febrero 2012

2. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
BLOG
Un blog, en español también bitácora digital o simplemente bitácora, es un sitio
web periódicamente actualizado que recopila cronológicamente textos o artículos de
uno o varios autores, apareciendo primero el más reciente, 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. No obstante,
es necesario precisar que ésta es una opción que depende de la decisión que tome al
respecto el autor del blog, pues las herramientas permiten diseñar blogs en los cuales no
todos los internautas -o incluso ninguno- puedan participar agregando comentarios.
Crear un blog, Publicar nuestro mensaje, y Configuración del blog.
1º Crear nuestro blog en blogger
Lo primero que vamos a hacer es
ir a www.blogger.com y
pincharemos sobre el boton que
pone Createyour blog now:
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 DisplayNamepondremos nuestro nick o
nombre que se vea cuando publiquemos un post
por ejemplo
Una vez rellenados los datos, pulsaremos sobre
Continue:
En Blog titlepondremos el título de nuestro blog
Pág. 2

3. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
En Blog Address (URL) pondremos su dirección en internet , que será algo asi como
http://NOMBREESCOGIDO.blogspot.com.
Las opciones de debajo son opcionales (valga la redundancia), por si queremos instalar
blogger en un sitio nuestro , pero en este tutorial vamos a explicar cómo crearlo en
blogger, ya que es lo más sencillo
En el ejemplo , hemos puesto de título para el blog Tutorial Blogger, y en Blog Address
, http://tutorialblogger.blogspot.com
Una vez rellenado, presionaremos sobre Continue:
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:
Para el ejemplo, he decidido usar el estilo Son of Moto
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.
Pág. 3

4. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
2º Publicar nuestro mensaje
Esta es la primera ventana que veremos, es directamente, para poner un contenido,
podemos no ponerlo ahora, pero si queremos, el proceso es el siguiente
En Title, pondremos el título del post que vayamos a poner
En el resto, podremos el contenido
Para lo demas , podemos ayudarnos de las herramientas estilo Wordpad, o editarlo en
html directamente
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.
Pág. 4

5. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
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:
La imagen está puesta pequeña y cortados los bordes, pero asi veremos de manera fácil
como ha quedado el resultado
 En About me, aparece información sobre el autor del Blog
 Previous post, una recopilación de enlaces a posts anteriores
 Archives, es un archivo de posts anteriores, clasificados por meses.
Cualquier usuario, si quiere, puede publicar comentarios en el blog , salvo que
especifiquemos lo contrario en las opciones
3º Configurar el blog
Este paso es opcional, es solo algunas reseñas para personalizarlo a nuestro gusto, o
para eliminar el blog
 Iremos a la pestañaSettings
 En Title , podemos personalizar el título de nuestro blog
Pág. 5

6. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
 En Description , una descripción del blog para quien nos visite por ejemplo ,
pueda verlo
 Las otras opciones no deberíamos tocarlas preferentemente
Abajo, en Global settings, si presionamos sobre SaveChanges, salvaremos los cambios
que hayamos hecho, y si presionamos sobre Dropthis Blog, eliminaremos nuestro blog
completamente
A la derecha, si presionamos sobreComments, podremos cambiar opciones referentes a
los comentarios que puedan hacernos si presionamos sobre Anyone, cualquiera podrá
poner un comentario.
 Onlymembers , solo los miembros de nuestro blog.
 OnlyRegisteredusers, solamente los usuarios registrados en Blogger.
Pág. 6

7. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
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,
basicamente pulsaremos el boton de AddTeammembers si queremos añadir a alguien.
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, podrán unirse como miembros a nuestro blog.
La opción de Template nos permite configurar, si sabemos algo de html , nuestro blog
en si , como si editáramos una página web
Hoy en día los blogs están en alza, muchas personas quieren tener su espacio en Internet
para publicar sus opiniones, sus experiencias,etc. , y la forma más sencilla y fácil es con
un Blog , o también llamado Weblog.
Pág. 7

8. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
INSERTAR VÍDEO EN EL BLOG
Podemos encontrar multitud de vídeos
en la red: Www .Youtube .Com
Http://video. Google .Es/ Www
.Metacafe . Com Www .Dailymotion
.Com.
Insertar vídeo en el blog el modo de
insertar un vídeo en nuestro blog de
bloggeres muy sencillo. Localizamos
la palabra embed Copiamos el código
html Lo pegamos en la entrada que
estemos escribiendo.
Insertar vídeo en el blog copiamos el código y lo pegamos en el post en youtube.
INSERTAR
VÍDEO EN EL
BLOG EN
GOOGLEVIDEO
Pinchamos en
“integrar html” y nos
aparecerá el código
que tenemos que
copiar y pegar en la
entrada que estemos
escribiendo.
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.
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 clicks, simplemente se selecciona el
Pág. 8

9. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
estilo del logo, se escribe el texto.
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. Podrás elegir entre más de treinta diseños de logos (totalmenente
personalizables) o entre cinco diseños de botones.
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...
Pág. 9

10. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
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.
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. Los
logos se pueden generar en varios formatos: JPG, GIF con o sin transparencia, PNG
con o sin transparencia e incluso PSD (fichero de Photoshop con capas).
Voilà! Ya tienes tu logo para usar donde quieras :)
Para pegarlo en muestro blog como título:
 Guardamos la imagen en nuestra PC
 Regresamos al blog
 Seleccionamos el comando diseño y
Pág. 10

11. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
 La opción editar cabecera
 En ubicación seleccionamos la opción “en lugar del título y la
descripción”.
 Y por último guardar.
Pág. 11

12. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
VOKI
Voki es una herramienta interesante que podemos tomar para el
aula de idiomas (excelente, para inglés). Se trata de un widget
(como un "extra") gratuito que produce un "voki" o personaje
(avatar) que se mueve y habla el texto que le introducimos. Este
"voki" resultante lo podemos insertar en una página web, blog,
wiki, etc. o bien enviarlo por correo electrónico e incluso por móvil. Como usa la
tecnología text-to-speech (pasar de texto a voz), nos puede ser de gran utilidad para
ayudar a nuestros alumnos a la reflexión de su propio texto y nos puede ayudar también
con la pronunciación de una forma lúdica. ¿Y qué mejor, si uno aprende divirtiéndose?
Una de las cosas que hace interesante esta herramienta es que nos permite personalizar
el producto final:
 Elegimos un personaje y un fondo. Puedes elegir una persona, político, famoso,
animal, personaje de cómic... cambiar la ropa, los accesorios... y el fondo
(proporcionado por la herramienta, o subiendo tu propia imagen). Podemos
cambiar el color de la piel, de los ojos, la forma del pelo...
 A continuación, introducimos un mensaje, que puede ser un texto que
escribimos en el campo de texto que se nos proporciona para este propósito, o
bien lo puedes grabar con tu propia voz, o utilizar una grabación que tengas en
tu ordenador (aunque así ya no se lograrían los mismos objetivos).
 Una vez creado y salvado, cuando el usuario pulsa sobre el voki, se escucha el
mensaje sonoro.
El acento del robot de text-to-speech utilizado es más que bueno, aunque dependerá del
idioma seleccionado. Junto con los más frecuentes (inglés, francés, español, alemán,
italiano... ) o más exóticos (hindú, danés, coreano, islandés...), se introducen también
nuestras lenguas más cercanas: catalán, euskera, gallego, valenciano. E incluso matiza
Pág. 12

13. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
con acentos, dependiendo del personaje elegido; por ejemplo, en inglés utiliza los
acentos: británico (British), americano (US), australiano (Australian) e irlandés (Irish).
En la portada de esta wiki puedes ver un buen ejemplo: en este caso, el "voki" sirve para
saludar a todo el que visita la página. También puedes dejar un mensaje para tus
alumnos, como hace esta profe.
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, algunos idiomas tienen una pronunciación bastante
real, y podemos jugar con ella (especialmente, para la enseñanza de idiomas).
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 .
Para lo cual:
1. Copiamos el código
HTML de la imagen.
2. Pegamos el código en
la página de nueva
entrada del blog en la
opción “edición de
HTML.”
3. Clic en “guardar ahora”
y “publicar entrada”
 Por último clic en “Ver
blog” aquí observaremos la publicación hecha.
Pág. 13

14. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
TEXTANIM
TextAnim, es una aplicacion web completamente gratuita, que nos permite crear
banners de texto animados para nuestras páginas web de manera realmente sencilla.
La aplicacion 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, algun
color para el fondo, la direccion en que deseamos sea animado el texto, la velocidad,
etc. Una vez que hayamos terminado nuestro banner, la aplicacion nos permitira
descargarlo en formato gif.
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.
Pág. 14

15. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
 Elegimos la imagen que deseamos publicar, clic en “guardar ahora” y “publicar
entrada”.
 Para visualizar la imagen publicada hacemos clic en ver blog.
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
En el lado izquierdo de la página
encontramos varias categorías de la cual
podemos elegir la que sea de nuestro
agrado.
A continuación podemos modificar la imagen cambiando su contenido; para publicarlo
en nuestro blog es necesario copiar el código y;
Pág. 15

16. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
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”
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…
Pág. 16

17. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
 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”.
 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.
Pág. 17

18. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
 Para publicar en el Blog
 Clic en nueva entrada seleccionar la pestaña “redactar”
 Insertar imagen
 Clic en “guardar ahora” y “publicar entrada”.
Pág. 18

19. Universidad Técnica de Ambato
Carrera de Educación Básica
Módulo Ntic´s II
 Para visualizar la publicación clic en “Ver Blog”.
Pág. 19