Blooger

42
TEMA: COMO CREAR UN BLOG Y AÑADIR VARIAS APLICACIONES INTEGRANTES: Susana López Grace Camacho Miriam Pantoja Semestre: 2do “B” Carrera: Educación Básica Docente: Ing. Patricio Córdova

Transcript of Blooger

Page 1: Blooger

 TEMA:

COMO CREAR UN BLOG Y AÑADIR VARIAS APLICACIONES

INTEGRANTES: Susana López Grace Camacho Miriam PantojaSemestre: 2do “B”Carrera: Educación BásicaDocente: Ing. Patricio Córdova

Page 2: Blooger

  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.

Page 3: Blooger

1° CREAR NUESTRO BLOG EN BLOGGER

Lo primero que vamos a hacer es ir a

www.blogger.com y daremos clic sobre el

botón que pone Créate tu blog.

Vemos cómo se ha abierto esta ventana.

Page 4: Blooger

22.- Por consiguiente se nos aparecerá la

opción 1 (crear una cuenta), en la que

tendremos que llenar los datos que nos

solicitan

Page 5: Blooger

3.- Una vez llenados los datos anteriores, aparece otra opción en la que tendremos que verificar nuestra

cuenta

Page 6: Blooger

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 Continue:

Page 7: Blooger

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 Continue:

Page 8: Blooger

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

Page 9: Blooger
Page 10: Blooger

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

Page 11: Blooger

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

Page 12: Blooger

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.

Page 13: Blooger

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

Page 14: Blooger

4.- Al dar clic en ver entrada, ya

podemos ver que la imagen que escogimos se encuentra publicado en nuestro blog

Page 15: Blooger

3º CONFIGURAR EL BLOG

Aquí tenemos diferentes recursos web que podrás insertar dentro de tu blog1.- WWW.COOLTEXT.COM

Page 16: Blooger

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.

Page 17: Blooger

2.- Una vez realizado nuestro logotipo los debemos guardar en nuestro equipo, dando clic derecho sobre la imagen,

escogiendo la opción (guardar como)

Page 18: Blooger

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

Page 19: Blooger

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

2) WWW.VOKI.COM

Page 20: Blooger

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...

Page 21: Blooger

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).

Page 22: Blooger

3.- 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.

Page 23: Blooger

4.- Y finalmente damos clic en

publicar entrada y obtenemos como

resultado un voki que dar la bienvenida en

nuestro blog

Page 24: Blooger

3.- WWW.YOUTUBE.COM

Mediante este recurso web podremos publicar videos de cualquier índole, traídos de YouTube hasta nuestro blog

Page 25: Blooger

PASOS PARA INSERTAR VIDEOS DE YOUTUBE EN EL BLOG

1.- En primer lugar vamos a

YouTube, y buscamos el

vídeo que queramos compartir.

Page 26: Blooger

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:

Page 27: Blooger

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.

Page 28: Blooger

4.- Finalmente visualizamos el videos escogido publicado en

nuestro blog

Page 30: Blooger

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

Page 31: Blooger

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

Page 32: Blooger

3.- Y listo podemos observar el gift

dentro de nuestro blog

Page 33: Blooger

•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.

Page 34: Blooger

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. 

Page 35: Blooger

2.- En pocos segundos

obtenemos la imagen con el texto animado,

como por ejemplo la imagen de la

palabra “paisaje”

Page 36: Blooger

3.- 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

Page 37: Blooger

4.- Y obtenemos como resultado que la

imagen se encuentra dentro de la ventana

principal del blog

Page 38: Blooger

•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.

Page 39: Blooger

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

Page 40: Blooger

2.- Una vez elegido el diseño y el mensaje obtenemos una vista

previa del recurso y un código para insertar.

Page 41: Blooger

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

Page 42: Blooger

 

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.