Unidad 4 - 5º Año - Colegio Belén

- 79 -

La creación de entradas El contenido del blog se expresa principalmente en sus entradas, que no solamente incluirán texto, sino también elementos interactivos y multimedia, como se verá más adelante.

 Crear Entradas Nuevas Para crear una entrada nueva deben seguirse los siguientes pasos: 1.

Hacer clic sobre el botón Entrada Nueva.

2.

Aparecerá la ventana del Editor de Entrada. El editor de entrada tiene dos formas de verse: Redactar o HTML1.

Usaremos la vista redactar para: 

Textos



Imágenes



Videos subidos desde nuestra computadora

Usaremos la vista HTML para

3.



Embeber videos desde youtube



Embeber presentaciones desde Slideshare

El primer paso es Título un nombre a la entrada. Con este título es con el que aparecerá en el listado de entradas del Blog. Es importante recordarlo para poder identificarla posteriormente.

1

HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de páginas que hoy existen en el World Wide Web. Cuando accedemos a uno de estas páginas, los navegadores (Internet Explorer, Google Chrome o Mozilla Firefox) los interpreta y los muestra.

Unidad 4 - 5º Año - Colegio Belén

4.

- 80 -

A las entradas podemos: 

Publicar: para que se vea en el blog. Una vez que publicamos por primera vez este botón cambia a Actualizar.



Guardar: almacena la entrada pero no se ve en el Blog.



Vista previa: abre una ventana nueva en donde se muestra la entrada tal cual como se verá en el Blog.

 Insertar texto Para insertar texto basta con posicionar el cursor y escribir. Podemos también copiar y pegar desde otro archivo u otra página web.

Cuando copiamos texto de una página web puede suceder que copiemos también los vínculos o enlaces. En el caso de querer borrarlos basta con ubicar el cursor en cualquier parte del texto que posee el vínculo y aparecerá

Unidad 4 - 5º Año - Colegio Belén

- 81 -

una barra celeste ubicada por debajo con las opciones para manipularlo. Al final está la opción de Eliminar. Esta opción elimina el hipervínculo.

A los textos le podemos dar forma. Para ello tenemos los botones para formatear el texto. Estos aparecen en la barra superior del editor son parecidos a otros que se manejan en los programas convencionales, y si se coloca el cursor del ratón encima de ellos, aparece una descripción del botón en un marco de texto.

Unidad 4 - 5º Año - Colegio Belén

- 82 -

 Creación de un enlace Para incluir un enlace o link en el texto, hay que hacer lo siguiente: 1.

Primero tenemos que seleccionar el texto que irá enlazado. En la imagen siguiente, el texto enlazado es Google en la frase "Buscador Google":

2.

A continuación, tenemos que pulsar en Enlace, que se encuentra en la barra de herramientas y señalo con un rectángulo rojo en esta imagen:

3.

Se abrirá un cuadro en el que hay que escribir la Dirección web del enlace o URL, como se muestra en la imagen abajo. También se puede incluir una dirección de correo electrónico con el mismo método. Y ya tenemos el enlace creado. Junto a él se verá una etiqueta azul con la que podemos abrir el enlace en una nueva ventana para comprobar que lo hemos escrito bien. Si no, lo podemos cambiar o eliminar.

 Editar Entradas Cuando las entradas se han creado puede suceder que deseemos realizar alguna de las siguientes acciones: 

Eliminarla: en el caso de que no se desee más tenerla.



Verla: abre una ventana nueva en donde se muestra la entrada tal cual como se verá en el Blog.



Compartirla: Esta opción es para publicarla en la red social Goggle+



Editarla: Con esta opción se puede agregar información a una entrada que ya existe.

Veamos los pasos para editar una entrada. 1.

Después de ingresar al Blog, hacer clic sobre la opción Entradas.

Unidad 4 - 5º Año - Colegio Belén

2.

- 83 -

Aparecerá una nueva ventana en la que aparecen el listado de entradas que tiene el Blog. Si se apunta con el mouse a la entrada deseada aparecen debajo las opciones: Editar, Ver, Compartir, además de Eliminar.

3.

Pasaremos a la ventana del Editor de Entradas en donde se muestra el contenido de la entrada. Desde aquí podemos agregar información o corregirla.

4.

Cuando terminamos de corregir o agregar debemos hacer clic en la opción Actualizar para que los cambios puedan reflejarse en el Blog.

Unidad 4 - 5º Año - Colegio Belén

- 84 -

 Insertar IMAGEN en una entrada En Blogger resulta sencillo insertar una imagen. Esta puede provenir desde una PC, desde el mismo Blog, desde un album de Picassa o desde una página Web. Para ello: 1.

Ubicamos el cursor donde deseamos colocar la imagen.

2.

Hacemos clic en el icono de Insertar imagen, destacado con un círculo rojo en la siguiente imagen

Unidad 4 - 5º Año - Colegio Belén

- 85 -

3.

Aparece una ventana emergente:

4.

Pulsamos en la parte izquierda la opción deseada. En el caso de subir una imagen desde la PC, se elige Subir y luego Elegir Archivos.

5.

Aparecerá un cuadro en el que deberemos elegir la carpeta y la imagen a subir.

6.

Aparecerá de nuevo la ventana del Blog con la imagen que queremos subir. Marcamos la imagen con el mouse. Luego elegimos la opción Añadir las imágenes seleccionadas.

Unidad 4 - 5º Año - Colegio Belén

7.

- 86 -

Volveremos al Editor de Entradas en donde ya podremos ver nuestra imagen. Si hacemos clic sobre ella aparece la barra celeste por debajo con las opciones para elegir el tamaño, y también podemos alinearla en el documento.

 Embeber VIDEO desde YOUTUBE en una entrada En Blogger se pueden embeber videos desde Youtube de dos maneras. Presentamos aquí aquella que es común a la forma de embeber de otras aplicaciones como por ejemplo presentaciones desde SlaideShare. Para ello 1.

En el Editor de entrada, pasar a la vista HTML y ubicar el cursor donde se desee embeber el video.

2.

Ingresamos a Youtube, buscamos el video y seleccionamos el deseado. En la parte de abajo hacemos clic en la opción Compartir y luego en Insertar. De allí se mostrará el código y los tamaños de las ventanas de video que aparecerán en el Blog. Seleccionar y copiar el código.

Unidad 4 - 5º Año - Colegio Belén

- 87 -

Unidad 4 - 5º Año - Colegio Belén 3.

Volver a Blogger y pegar el código copiado.

4.

Volver al modo Redactar.

- 88 -

 Añadir Videos – Forma 2 1.

Hacemos clic en el icono de Insertar video, destacado con un círculo rojo en la siguiente imagen

2.

Aparece una ventana emergente:

3.

Pulsamos en la parte izquierda en la opción Desde Youtube.

4.

En el cuadro de búsqueda escribir el título del video.

Unidad 4 - 5º Año - Colegio Belén 5.

Aparece una lista de videos. Hacer clic sobre el video deseado.

6.

Hacer Clic en el botón Seleccionar

7.

El video se incluye en el editor del blog.

- 89 -

 Cómo Dividir una entrada Una entrada permite que dejemos una introducción en la portada y se lea el texto completo en el enlace permanente. La división de las entradas tiene muchas ventajas:



Limpia la portada de los elementos multimedia que incluimos en las entradas y que hacen lenta la carga y la vista completa de la portada de un blog. Éste es un error muy extendido que cometen quienes tienen conexiones muy rápidas de internet y no se dan cuenta de que muchas personas, por un motivo u otro, no tienen esas velocidades en sus conexiones.



Contribuye a organizar el post con una introducción que informa sobre el contenido de la entrada. Así, el lector podrá optar por leerla completa o no, lo que siempre resulta una deferencia muy apropiada. Además, el autor del blog se obliga a crear una introducción informativa a la par que atractiva, lo que resulta muy aconsejable sobre todo cuando la entrada es extensa.



Se pueden ver mejor las entradas que incluye un blog al estar reducidas a la introducción en la portada. De este modo, los visitantes tendrán más información en menos tiempo y espacio, y leerán más entradas del mismo blog, porque las tendrán más a mano.

Cómo implementar la opción de división de la entrada 1.

Generalmente, la división se incluye después de una introducción que solemos escribir en un párrafo. Por lo tanto es lo primero a realizar.

2.

Cuando llegamos al final del párrafo, hacemos clic en el icono de la barra del editor que representa una rotura (y que aquí titulan "Insertar salto de línea"), como se ve en la siguiente imagen. Entonces aparece una línea horizontal punteada con un añadido en gris que divide el texto:

Cómo hacer una buena introducción Las buenas introducciones incluyen los siguientes elementos:



Un resumen de lo que se va a tratar en la entrada completa.



Una pequeña imagen que dé pistas sobre el contenido y que esté situada a la izquierda o la derecha del párrafo. Las imágenes más grandes se pueden dejar para la página permanente.

Unidad 4 - 5º Año - Colegio Belén 

- 90 -

Alguna frase atractiva que llame la atención del lector y que apele a su experiencia o sus conocimientos.



Información importante en forma de enlaces para quien no vaya a leer la entrada completa.



Una invitación final a seguir leyendo la entrada completa.

Elementos Multimediales en la Entrada En un blog se puede incluir matrial multimedial. Estos pueden ser videos, audio o presentaciones multimediales.

 Añadir presentaciones Para añadir una presentación de Power Point deberemos usar un servidor intermedio. En nuestro caso usaremos Slideshare. 1.

Crear la presentación y publicarla en Slideshare.

2.

En Slideshare, en la página de la presentación copiar el Código a embeber desde el botón Embed

Unidad 4 - 5º Año - Colegio Belén

3.

En Blogger, en la entrada nueva, colocar el cursor en el lugar donde irá la presentación

4.

Ir a el modo HTML y pegar el código copiado.

- 91 -

Elementos Multimediales en la Entrada  Añadir Prezi Para embeber un Prezi en un Blog de Blogger, deberemos: 1.

Ingresar a Prezi y de allí a la cuenta personal.

2.

Elegir el Prezi a embeber y entrar a el.

3.

Hacer clic en el botón Share que se encuentra en la parte inferior derecha del Prezi a embeber. Se abrirá el cuadro Share this prezi

4.

De allí hacer clic en la opción Embed. mostrará el código y los tamaños de las ventanas en la que aparecerá el prezi en el Blog. Elegir primero el tamaño y luego copiar el código (encerrado en círculo rojo).

Unidad 4 - 5º Año - Colegio Belén

- 92 -

Gadgets Los Gadgets / Widgets para Blogger son una aplicaciones que permiten añadir otras funciones al Blog o completan la interfaz. Por ejemplo: un Chat, Cuadros de búsqueda, Reloj, Juego, Musica, Radio.. etc.

 Añadir Gadgets 1.

Acceder a Diseño.

Unidad 4 - 5º Año - Colegio Belén 2.

Eleigir el área del Blog a insertar el Gadget (todos los lugares en donde aparece Añadir un gadget). Hacer clic en esa frase.

3.

- 93 -

Aparece una ventana con Gadgets y Widgets que puedes subir, desde aquí tienes 2 opciones:

a.

Usar los gadgets que aparecen allí.

b.

Usar un gadget personalizado que se trae de páginas especializada en Gadgets. Para ello elegir HTML/Javascript. Aparecerá un cuadro en donde pegar el código que se debe copiar de la página desde donde se trae el Gadget. Se puede escribir un Título al Gadget.

- 94 -

Unidad 4 - 5º Año - Colegio Belén

Actividades de Afianzamiento

Fecha: .................................. Nº de Computadora: ............. Tema: ...................................................................................

1) Hacer un esquema con títulos y subtítulos 2) Ingresar a blogger: www.blogger.com. Ingresar a la cuenta de Blogger e ingresar al Blog del curso. 3) Desde allí crea una entrada nueva. Usando el puntero pasar por los botones del editor y nombrar cada botón, numerándolos de izquierda a derecha:

4) Crear una entrada con el nombre de la Receta. Para ello a) Buscar en Google una receta, sus ingredientes, la preparación y las imágenes. i.-

A las imágenes descargarlas en una carpeta creada con su nombre en la Unidad D

ii.- A los textos copiarlos y pegarlos (sin formato) en Word y guardar el archivo en la carpeta creada en el punto anterior.

b) En Blogger crear la entrada. c) Crear un primer párrafo introductorio con imagen pequeña alineada a la deracha y dividir la entrada (ver tema división de entrada)

d) A continuación copiar y pegar de word: i.-

Ingredientes

ii.- Preparación

e) Dar formato. f) Insertar Imagen. g) Al final del texto mencionar el sitio de dónde sacaron información, definir el link a la página. h) Guardar la publicación. Ver cómo queda en el Blog.

5) Crear una entrada en el Blog del curso, con el nombre de la Nosotras Somos (Nombres). La misma debe contener una descripción personal, hobbies, lo que van a estudiar y sus proyectos. La entrada debe cumplir con las siguientes pautas:

a) Debe tener un primer párrafo introductorio con imagen pequeña alineada a la derecha y dividir la entrada (ver tema división de entrada)

b) Debe tener formatos c) Debe poseer imágenes. d) Al final del texto mencionar el link al correo electrónico. e) Embeber un video de Youtube sobre el tema. f) Embeber una presentación de Slideshare sobre el tema. g) Embeber un Prezi sobre el tema.

6) Para

configurar

un

Blog

se

puede

usar

los

siguientes

videos:

Unidad 4 - 5º Año - Colegio Belén https://www.youtube.com/show/creatublogfacilmente

- 95 -