4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.

ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

13.3. BLOGS
13.3.1. DISEO Y PLANTILLAS
Es muy simple cambiar el diseo del blog con blogger. Si tuvieramos que cambiar el diseo a mano, es decir, modificando el cdigo de la pgina web, nos llevara mucho tiempo y trabajo. Como ejemplo, aqu te dejo el cdigo de las pginas webs que ests haciendo para que veas.
<div class='post-outer'> <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <a name='560083365701687880'></a> <h3 class='post-title entry-title' itemprop='name'> &#191;Qu es un reboot? </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-560083365701687880' itemprop='articleBody'> Un reboot de una franquicia cinematogrfica se produce por un cansancio o falta de resultados en taquilla por parte de los responsables anteriores.<br /> <br /> <a name='more'></a><br /> En este caso, el fracaso de Spider-man 3, no tanto en taquilla como en pblico verdaderamente enamorado del personaje ha supuesto la baja del director Sam Raimi y de los principales protagonistas, Tobey Maguire y Kirsten Dunst.<br /> El fichaje de un nuevo director, Marc Webb, as como unos nuevos protagonistas va a suponer un reinicio o reboot de la franquicia.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/9vsrqzA_xb8/T6EMOkNJLmI/AAAAAAAAAAk/f9MLUKVju3w/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://2.bp.blogspot.com/9vsrqzA_xb8/T6EMOkNJLmI/AAAAAAAAAAk/f9MLUKVju3w/s320/6.jpg" width="320" /></a></div> <br /> <div style='clear: both;'></div> </div> <div class='post-footer'>

stas solo son algunas de las 997 lneas que forman una de las entradas del blog. Afortunadamente, blogger nos hace el trabajo mucho ms sencillo. UD13S3. EJERCICIO 1. Cambiar el diseo general. 1. Entra en www.google.com 2. En la parte superior derecha se muestra un botn llamado Iniciar sesin. Haz clic sobre l.

1/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

3. Se abre la pgina para iniciar sesin en Google. Escribe la direccin de correo electrnico que creaste en la sesin anterior blogieshr[grupo][numordenador]@gmail.com 4. Escribe tu contrasea. 5. Haz clic en el botn Iniciar sesin.

blogieshra5@gmail.com

6. Ahora entra en blogger. Haz clic en la barra de direccin. 7. Escribe la direccin www.blogger.com 8. Pulsa la tecla Intro.

9. El aspecto de tu cuenta de blogger ser similar al siguiente. Es posible que t ya tengas alguna entrada creada. Aqu puedes ver como yo ya tengo 3 entradas. Vamos a cambiar la plantilla. En la zona izquierda tienes las opciones de modificacin del blog. Haz clic en el enlace Plantilla.

2/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

10. Se abre la siguiente pgina. En ella puedes ver una vista previa del aspecto de tu blog, tanto visto en un ordenador como visto en un mvil (s, tu blog est disponible en todos los mviles del mundo). Si bajas en la pgina, podrs ver los distintos tipos de plantillas que puedes aplicar, pero nosotros vamos a personalizar la plantilla. Haz clic en el botn Personalizar.

11. La siguiente pgina est dividida en 2 zonas. En la parte superior puedes ver las plantillas que tienes a tu disposicin y en la parte inferior tienes una vista previa del blog como te va a quedar cuando modifiques la plantilla. Hay muchas plantillas con variedad de colores. Puedes hacer clic en el pequeo tringulo a la derecha para ver todava ms plantillas.

12. Yo he elegido dentro de las plantillas de Picture Window la de la derecha. Y luego puedes seleccionar en la parte inferior varios colores dentro de la misma plantilla. Te invito a que pruebes hasta que tengas una plantilla que te guste. Hay mucha variedad.

3/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

13. Espera, todava no hemos terminado. Vamos a cambiar el fondo. Haz clic en el texto Fondo en la zona izquierda del diseador de plantillas.

14. En la zona derecha puedes elegir una imagen de fondo y un conjunto de colores sugeridos para el tema. Haz clic en el pequeo tringulo a la derecha del cuadro Imagen de fondo. 15. Se muestra una ventana donde podemos elegir entre distintas categoras de imgenes y luego hacer clic sobre la imagen de fondo que ms te guste. Te invito a que pruebes hasta encontrar un fondo a tu gusto.

16. Cuando hayas elegido el fondo, haz clic en el botn Finalizado. 17. A m me ha quedado el ttulo muy grande, tan grande que me ocupa 2 lneas. Vamos a tunearlo un poco. Haz clic en el texto Avanzado.

4/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

18. Aqu puedes cambiar casi TODAS las opciones del blog: el texto, el ttulo, los colores, etc. Yo voy a cambiar el ttulo as que hago clic en el texto Ttulo del blog.

19. Y, a la derecha, tengo todas las propiedades que puedo cambiar del texto. Yo he cambiado el tamao y el color. Observa como la zona que se est modificando se muestra con un cuadro de puntos rojos alrededor.

20. Una vez terminado, haz clic en el botn Aplicar al blog en la zona superior derecha de la pgina.

21. Y, para terminar, haz clic en el enlace Volver a blogger, tambin en la parte superior.

5/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

13.3.2. GADGETS O WIDGETS

Un gadget o widget es una aplicacin electrnica diseada para proveer de informacin o mejorar una aplicacin o servicios de un ordenador o computadora, o bien cualquier tipo de interaccin a travs de Internet. Entre sus objetivos estn los de dar fcil acceso a funciones frecuentemente usadas y proveer de informacin visual. Sin embargo los widgets pueden hacer todo lo que la imaginacin desee e interactuar con servicios e informacin distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con informacin del tiempo en su ciudad, etctera. UD13S2. EJERCICIO 2. Cambiar la estructura del blog El blog, por defecto, tiene un ttulo, una serie de columnas y un cuerpo, pero esto se puede modificar fcilmente. Vamos a hacerlo. 1. En la zona izquierda, haz clic en el texto Plantilla.

2. Haz clic en el botn Personalizar. 3. En la zona izquierda de la ventana, haz clic en el enlace Diseo. 4. Aqu tienes varios diseos del cuerpo del blog. Vamos a elegir un diseo que tenga una columna a cada lado. Haz clic en el diseo sealado.

6/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

5. Haz clic en el botn Aplicar al blog en la zona superior derecha de la pgina. 6. Observa como en la zona inferior se ve el diseo de la pgina, con las entradas en el centro y columnas para insertar gadgets a la izquierda y a la derecha.

7. Haz clic en el enlace Volver a blogger en la zona superior derecha de la pgina. 8. Ahora haz clic en el enlace Diseo en la zona izquierda de la pgina.

9. Ahora tienes el diseo de la pgina y aqu puedes aadir gadgets fcilmente. Vamos a empezar por introducir algo debajo del ttulo. Aparecen nuevos gadgets y se integran en blogger con mucha frecuencia, as que siempre recuerda el aprendizaje por descubrimiento. Ve probando y, si algo te gusta, adelo. Vamos a insertar algunos gadgets muy usados y luego, t mismo/a. Haz clic en el enlace Aadir un gadget justo debajo del ttulo.

7/8

Profesor Jos Luis Usero Vilchez

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

10. Se abre la ventana Aadir un gadget desde donde podemos seleccionar y colocar un nuevo gadget en nuestro blog. Baja en la lista y haz clic en el smbolo + a la derecha del gadget Cuadro de bsqueda.

11. Escribe en el ttulo Buscar en este blog 12. Mueve hacia abajo en la ventana y haz clic en el botn Guardar. 13. De vuelta a la pgina de diseo, haz clic en el botn Guardar disposicin en la zona superior derecha de la pgina. 14. Haz clic en el botn Vista previa. 15. Se abre una nueva ventana con el aspecto del blog con la barra de bsqueda.

UD13S3. EJERCICIO 3. Aadir un gadget Lista de enlaces en la parte izquierda del blog. Aade el gadget Lista de enlaces con 3 enlaces a pginas interesantes que traten sobre el tema de tu blog. UD13S3. EJERCICIO 4. Aadir un gadget Presentacin en la parte derecha del blog. Aade un gadget Presentacin usando fotos con la palabra clave del tema de tu blog. Por ejemplo, yo he puesto Spiderman. UD13S2. EJERCICIO 5. Enviar el trabajo al profesor/a para su correccin. Enva la direccin de tu blog al correo jluserovilchez@gmail.com

8/8

Profesor Jos Luis Usero Vilchez