Este documento describe cómo crear y configurar un blog utilizando varios recursos web como Blogger, CoolText, Voki, YouTube, GIFSS, TextAnim y PagePlugins. Explica los pasos para crear una cuenta en Blogger, publicar entradas, insertar imágenes y videos, y agregar widgets y otros elementos como logotipos animados, avatares de voz y GIF para enriquecer el blog.
1. FACULTAD DE CIENCIAS HUMANAS Y DE LA
EDUCACIÓN
TEMA:
COMO CREAR Y CONFIGURAR UN BLOG CON VARIOS
RECURSOS WEB
INTEGRANTES:
Susana López
Grace Camacho
Miriam Pantoja
Semestre: 2do “B”
Carrera: Educación Básica
Docente: Ing. Patricio Córdova
2. BLOGGER
Blogger es un servicio creado por Pyra Labs, y adquirido por Google en el año 2003,
que permite crear y publicar una bitácora en línea. Para publicar contenidos, el usuario
no tiene que escribir ningún código o instalar programas de servidor o de scripting.
Los blogs alojados en Blogger generalmente están alojados en los servidores de Google
dentro del dominio blogspot.com. Hasta el 30 de Abril de 2010, Blogger permitió
publicar bitácoras a través de FTP.
1° CREAR NUESTRO BLOG EN BLOGGER
1. Lo primero que vamos a hacer es ir a www.blogger.com y daremos clic sobre el
botón que pone Create tu blog. Vemos cómo se ha abierto esta ventana
3. 2. Por consiguiente se nos aparecerá la opción 1 (crear una cuenta), en la que
tendremos que llenar los datos que nos solicitan
3. Una vez llenados los datos anteriores, aparece otra opción en la que tendremos
que verificar nuestra cuenta. Aquí se nos pide el país en el que vivimos, así
como el tipo de teléfono y su número. Para recibir una llamada, en la que nos
darn un codigo para activar la cuenta.
4. 4. Después de activado el blog se presenta la opción 2 (Asignar un nombre al
blog), en la que colocaremos:
Un titulo que tendrá nuestro blog: The Friends
Una dirección URL: http://thefriends.blogspot.com
Una vez rellenado, presionaremos sobre Continuar:
5. Aquí escogeremos la apariencia de nuestro Blog, 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 Continuar:
5. 6. Este es el mensaje de confirmación de que nuestro blog ha sido creado con
éxito , pulsaremos sobre Empezar a publicar para comenzar a postear con
Blogger
2º Publicar nuestro mensaje
Esta es la primera ventana que veremos, es directamente, para poner un contenido. En
Titulo, pondremos el título del post que vayamos a poner. En el resto, podremos el
contenido que puede ser directamente con texto o editarlo en HTML directamente
6. En esta opción, ya podemos ingresar diferente tipo de información dando un clic en
Nueva entrada para que se publique en nuestro blog.
1. A continuación damos clic en la pestaña redactar para poder insertar una
imagen, en la que se nos aparece una ventana continua que nos indica que
seleccionemos un archivo
2. Al ya tener nuestro archivo seleccionado, observamos la imagen que será
publicada, en la que al dar un clic sobre la misma tenemos opciones de tamaño
en que va aparecer y la opción eliminar.
7. 3. Al hacer cualquier modificación que queramos a la imagen damos clic en la
opción ( publicar entrada), y por consiguiente se nos aparece la siguiente
ventana en la que nos indica que ya podemos verlo dentro de nuestro blog
4. Al dar clic en ver entrada, ya podemos ver que la imagen que escogimos se
encuentra publicado en nuestro blog
8. 3º CONFIGURAR EL BLOG
Aquí tenemos diferentes recursos web que podrás insertar dentro de tu blog
1) WWW.COOLTEXT.COM
Cool Text es una aplicación web gratuita con la que podremos crear logos de forma
muy fácil y rápida. Es tan simple y fácil como seleccionar el logo que nos guste más y
escribir que texto queremos para nuestro logo y de todo lo demás se encarga Cool
Text.
PASOS PARA INSERTAR ESTE RECURSO EN EL BLOG
1. Lo único que tenemos que hacer es seleccionar algunos de los estilos ya
definidos, para comenzar a personalizarlo y adecuarlo a nuestras necesidades.
9. 2. Una vez realizado nuestro logotipo los debemos guardar en nuestro equipo,
dando clic derecho sobre la imagen, escogiendo la opción (guardar como)
3. A continuación en nuestro blog damos clic en la opción configurar cabecera,
aquí debemos escribir el título que queramos que tenga el blog, así como
también dar clic en imagen para insertar el logotipo
Y al final obtendremos un resultado muy bueno, y sin esfuerzo alguno. Útil para alguna
ocasión en que necesitemos un diseño bueno y rápido de generar.
10. 2) WWW.VOKI.COM
Voki es una herramienta interesante que podemos producir 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.
PASOS PARA INSERTAR ESTE RECURSO EN EL BLOG
1. 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...
11. 2. 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).
3. Una vez creado y salvado, cuando el usuario pulsa sobre el voki, se escucha el
mensaje sonoro. Una de las cosas que hace interesante esta herramienta es que
nos permite personalizar el producto final.
4. Para poder publicarlo en nuestro blog, en voki damos clic en el botón publish, en
la que observaremos el código embebido de dicha imagen.
5. Ya en nuestro blog damos clic en nueva entrada y después en la pestaña edición
de HTML para poder pegar el código que copiamos desde voki.
12. 6. Y finalmente damos clic en publicar entrada y obtenemos como resultado un
voki que dar la bienvenida en nuestro blog
3) WWW.YOUTUBE.COM
Mediante este recurso web podremos publicar videos de cualquier índole, traídos de
YouTube hasta nuestro blog
PASOS PARA INSERTAR VIDEOS DE YOUTUBE EN EL BLOG
1. En primer lugar vamos a YouTube, y buscamos el vídeo que queramos compartir.
13. 2. En la menú contextual de la derecha del vídeo que estamos reproduciendo,
veremos insertar, y una caja de texto con un contenido de estructura similar a:
3. A continuación, iremos a nuestro código HTML, en Blogger y pegaremos el
código que hemos copiado anteriormente, y con esto ya podremos publicar el
post y comprobar que los efectos son los deseados.
4. Finalmente visualizamos el videos escogido publicado en nuestro blog
14. 4) WWW.GIFSS.COM
Los GIFS Animados son un formato gráfico que se utiliza mucho en Internet para
poder recrear animaciones de imágenes para banners, iconos, fondos, letras animadas
o emoticons, y luego colgarlas en blogs, páginas web, correos electrónicos, MSN, redes
sociales, y hasta en el celular.
PASOS PARA INSERTAR GIFSS EN EL BLOG
1) Hay que elegir una categoría, de las tantas que posee esta página web, es decir
la que más nos agrade o la que sea acorde lo que quieras publicar
15. 2) Una vez escogido el gift que queremos damos clic derecho sobre el mismo y
escogemos la opción guardar como esto hará que se guarde en los archivos de
imágenes en la PC
3) A continuación damos clic en la pestaña redactar dentro de nuestro blog para
poder insertar el gift, aquí se repetirán los mismos pasos que seguimos
anteriormente par publicar una imagen
4) Y listo podemos observar el gift dentro de nuestro blog
16. 5) WWW.TEXTANIM.COM
TextAnim es un simple herramienta en línea que te permite crear un texto con
textura y además animado. No tiene grandes secretos y es solo una página en la que
ingresamos todos los parámetros y en 10 segundos genera el título animado.
PASOS PARA INSERTAR “TEXTO ANIMADO” EN EL BLOG
1. El procedimiento es muy fácil, ingresamos el texto, tipo de fuente, tamaño de
la fuente, color del fondo, tamaño de la imagen, si queremos sombra del texto,
el retraso del tiempo de cada movimiento, la textura y por último presionamos
Generar.
2. Poseen gran cantidad de fuentes y texturas, lo que nos da muchísimas
posibilidades para combinar y generar innumerables textos animados.
17. 3. En pocos segundos obtenemos la imagen con el texto animado, como por
ejemplo la imagen de la palabra “paisaje”
4. Después de haber hecho la imagen con texto. Repetimos los mismos pasos que
hicimos para publicar una imagen o un gift, dentro de nuestro blog
5. Y obtenemos como resultado que la imagen se encuentra dentro de la ventana
principal del blog
18. 6) WWW.PAGEPLUGINGS.COM
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.
PASOS PARA INSERTAR “WIDGETS” EN EL BLOG
1. Escogemos cualquier tema que queramos para nuestro blog aquí tenemos gran
variedad de opciones que podemos escoger para publicarlo en nuestro blog
19. 2. Una vez elegido el diseño y el mensaje obtenemos una vista previa del recurso y
un código para insertar.
3. En nuestro blog en la opción nueva entrada en la pestaña edición HTML
insertamos el código que copiamos de PagePlugins
4. Como resultado observamos en nuestro blog el grafico que elegimos. Gracias a
este recurso nuestros diseños mejorarán bastante y nuestras páginas serán
más atractivas con una gran variedad de utilidades que proporciona esta
herramienta online que no necesita registro previo.