SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Curso blog_TIN.notebook                                                                                May 11, 2012




                   CREACIÓN DE UN BLOG CON BLOGGER




                                            WEB 2.0. APLICACIONES EDUCATIVAS




                                                                               Alejandro Fernández Pascual




                        Crear un blog: 

                 Entrar en la página http://www.blogger.com




                                                                                                                      1
Curso blog_TIN.notebook                                                                    May 11, 2012



               Accedemos a nuestra cuenta Google (1). Si no tenemos cuenta pulsamos CREAR UN 
               BLOG (2), donde crearemos una.




                                          (1)




                                                (2)




               Crear una cuenta Google Account. Si ya la tenemos saltamos este paso
                                                                                       




               Rellenamos el formulario para crear la cuenta.




                                                                                                          2
Curso blog_TIN.notebook                                                                            May 11, 2012


            Introducimos el código de verificación de la palabra, aceptamos las condiciones y pulsamos 
            en CONTINUAR




              Escogemos un nombre para el blog (habrá que comprobar que esté disponible)




                                                                                                                  3
Curso blog_TIN.notebook                                                                          May 11, 2012



             Eleginos una plantilla en la que se basará el diseño de nuestro blog (podemos 
             previsualizarlas antes de escoger)




            A continuación se muestra el mensaje que confirma que se ha creado el blog correctamente. 
            Ahora empezamos a publicar




                                                                                                                4
Curso blog_TIN.notebook                                                                          May 11, 2012




                                                     Actividad 2

                     Repite los pasos vistos hasta ahora y crea tu propio blog sobre 
                     algún tema que te resulte atractivo.




          Accedemos a la página principal de administración de nuestro blog. Tenemos cuatro pestañas 
          principales (Creación de entradas, Configuración, Diseño y Monetizar)




                                                                                                                5
Curso blog_TIN.notebook                                                                                       May 11, 2012



                Creación de entradas

                   Permite crear y modificar las entradas del Blog (artículos, ensayos, opiniones, 
                   actividades, etc). 


                    Configuración

                   Es la pestaña más importante desde el punto de vista de la administración del blog. 
                   Permite cambiar las preferencias de visualización del blog, la entrada de comentarios y  
                   establecer permisos de acceso y publicación de contenidos para otros usuarios.


                       Diseño

                   Permite cambiar la apariencia de nuestro blog: Seleccionar la plantilla del blog, el tipo de 
                   letra, los colores, la organización de las secciones, etc.



                      Monetizar

                    Se utiliza para incluir publicidad en el blog.




              Creación de entradas

               Seleccionamos   Nueva entrada  . El recuadro que aparece debajo es donde se escribe la 
               entrada (1) y ofrece las opciones básicas de un procesador de texto con la posibilidad de 
               insertar contenido multimedia como imágenes y videos.
               Cuando creamos una entrada tenemos que etiquetarla con palabras clave sobre el contenido de 
               la misma. Esto lo haremos a través del cuadro 'etiquetas de esta entrada'(2).




                                                                                               (1)




                                                                                         (2)




                                                                                                                             6
Curso blog_TIN.notebook                                                                            May 11, 2012




           Una vez escrita la entrada pulsamos en Publicar entrada. Nos aparecerá un mensaje de 
           confirmación informando que la entrada se ha publicado correctamente.




           Si ahora pichamos en Ver entrada, veremos la entrada publicada en el blog.



                                http://tecnologiaparatods.blogspot.com/




                 Cuando tenemos varias entradas publicadas, podemos gestionarlas en la opción 
                 'Editar entradas'




                                                                                                                  7
Curso blog_TIN.notebook                                                                                May 11, 2012




                                                       Actividad 3

                   Publica ahora tu primera entrada con un breve texto de presentación 
                   del blog. ¡No olvides etiquetar la entrada!




              Ahora vamos a publicar una entrada con una imagen. La imagen podemos obtenerla de nuestro disco 
              duro, de internet o podemos capturar una imagen de una página (por ejemplo un titular de un 
              periódico digital). Empezaremos descargando una imagen de internet y añadiéndola a nuestro blog.

              Entramos en la dirección 
                                           http://bancoimagenes.isftic.mepsyd.es/




                                                                                                                      8
Curso blog_TIN.notebook                                                                                   May 11, 2012


              Seleccionamos Fotografías y hacemos una búsqueda en la base de datos (por ejemplo Ciudad 
              Rodrigo). Nos aparecen varias fotos. Seleccionamos una de ellas.




            Al seleccionarla obtenemos información sobre el formato de la imagen, el tema y a qué categorías 
            curriculares pertenece. A continuación pulsamos en Descargar archivo




                                                                                                                         9
Curso blog_TIN.notebook                                                                                 May 11, 2012


              Aceptamos las condiciones de uso y guardamos el archivo en el Escritorio (por ejemplo)




              Ahora vamos a comprobar el tamaño de la imagen. Siempre que trabajemos con imágenes en 
              internet, documentos de Office, OpenOffice, etc. será necesario comprobar el tamaño de las 
              imágenes con las que estamos trabajando, porque si el tamaño es muy grande, se ralentizan 
              mucho todas las tareas.

              Vamos al escritorio, y en la foto 
              Fotocapiteles pulsamos con el 
              botón derecho y seleccionamos 
              Propiedades




                                                                                                                   10
Curso blog_TIN.notebook                                                                                     May 11, 2012




             Se muestran las propiedades de la imagen, entre 
             las que está el tamaño. En este caso el tamaño es 
             1,47MB. Se recomienda trabajar con imágenes del 
             orden de los 100KB, por lo que está imagen es 
             demasiado grande y habrá que reducirla. 
             Recuerda : 1MB = 1000KB




              A continuación se explica cómo reducir 
              con Paint el tamaño de una imagen. Si ya 
              sabes cómo hacerlo, puedes saltarte este 
              paso.
                              




                     ¿Cómo reducir una imagen?

                     Para reducir el tamaño de una imagen necesito Editarla. Pulso de nuevo con el botón 
                     derecho del ratón sobre la imagen y selecciono Editar




                                                                                                                       11
Curso blog_TIN.notebook                                                                                     May 11, 2012



              Se abre el programa Paint de Windows que permite modificar la imagen. Pulsamos en Imagen y 
              seleccionamos Expandir o Contraer...




               Se abre un diálogo que permite elegir el porcentaje de expansión e introducimos los valores 
               de 30% tanto en Horizontal como en Vertical. Al tomar el mismo valor en las dos direcciones, 
               cuando se reduzca la fotografía no se deformará.




                                                                                                                       12
Curso blog_TIN.notebook                                                                            May 11, 2012


                Guardamos la nueva imagen. Si comprobamos de nuevo su tamaño, veremos que ahora 
                ocupa 123KB. Ahora ya está lista para subirla al blog.




                                                    Actividad 4

                  Descárgate una imagen del banco de datos del Mepsyd relacionada 
                  con el tema de tu blog, y reduce su tamaño si es necesario.


                                       http://bancoimagenes.isftic.mepsyd.es/




                                                                                                              13
Curso blog_TIN.notebook                                                                                   May 11, 2012




                Voy a publicar la foto descargada en mi blog. Si he cerrado la página de blogger, vuelvo a 
                entrar en la página.


                                            http://www.blogger.com



                  Accedo a mi cuenta de Google en Blogger




              Se abre el Escritorio de Blogger, donde se muestran mis blog y las mismas opciones que 
              teníamos en las pestañas de la página de administración del blog. Pulso en Nueva entrada




                                                                                                                     14
Curso blog_TIN.notebook                                                                                     May 11, 2012


           Nos aseguramos que estamos trabajando en la pestaña Redactar. A continuación doy un título a 
           la entrada, inserto un texto comentando la foto y escribo las etiquetas para esta  entrada del blog. 
           Por último pulso en el botón de insertar imagen.




                                                                            Insertar imagen




                                                       




           Se abre el diálogo para añadir una imagen. Puedo añadirla desde el equipo o dando la dirección web 
           donde se encuentre la imagen que me interese publicar. Podemos también  elegir el diseño de la foto y el 
           texto y el tamaño con el que se publicará la imagen en el blog. Para añadir la foto Fotocapiteles del 
           equipo, pulso en Examinar y selecciono la carpeta donde esté almacenada (Escritorio). A continuación 
           pulso SUBIR IMAGEN




                                                                                                                       15
Curso blog_TIN.notebook                                                                                     May 11, 2012


                  Esperamos a que se cargue la imagen....




                  A continuación se muestra un mensaje que confirma que se ha añadido la imagen. 
                  Pulsamos en FINALIZADO y volveremos a la edición de la entrada.




             Vemos  que ahora aparece la imagen en la entrada con el texto que habíamos escrito. Ya sólo 
             nos queda pulsar el botón de PUBLICAR y tendremos la nueva entrada con la imagen 
             publicada en el blog.




                                                                                                                       16
Curso blog_TIN.notebook                                                                May 11, 2012




                  Para ver el resultado pulsamos en Ver entrada.




                                                    Actividad 5

                      Publica en tu blog la imagen descargada del banco de imágenes.
                      Recuerda etiquetar la entrada.




                                                                                                  17
Curso blog_TIN.notebook                                                                                     May 11, 2012


             A continuación voy a añadir una entrada con un vídeo que he encontrado en Youtube y me interesa 
             compartirlo con los alumnos. En primer lugar entro en Youtube y busco un vídeo relacionado con la 
             energía eólica.




            Elijo el vídeo que me interesa, que es el segundo que aparece.




            Al seleccionarlo se reproduce el vídeo elegido. Para insertarlo en nuestro blog, tenemos que copiar un 
            código que aparece en esta página bajo la palabra Insertar




                                      Selecciono y copio este código                            




                                                                                                                       18
Curso blog_TIN.notebook                                                                                          May 11, 2012



           Edito una nueva entrada en mi blog. Introduzco el título, un texto que describa el vídeo y las etiquetas 
           de la nueva entrada. A continuación pulso en edición de HTML y pego el código del vídeo. Aparece 
           una ristra de código extraño que insertará el vídeo en mi blog. Por último publico la entrada y la 
           visualizo como otras veces.




            Vemos el resultado. Añadiendo el vídeo de esta forma, se incluye el reproductor en nuestro 
            blog, facilitando a los lectores su reproducción




                                                                                                                            19
Curso blog_TIN.notebook                                                                                      May 11, 2012




                                                       Actividad 6

                     Busca un vídeo en Youtube relacionado con el tema de tu blog y 
                     publícalo. Recuerda etiquetar la entrada.




             Otras opciones del editor de Blogger son añadir un enlace a una página web o añadir un vídeo 
             que tengo almacenado en el disco duro.




                                                                     Añade un vídeo
             Añade un enlace a una página web
             (antes tengo que seleccionar un
             texto o una imagen)




                                                                                                                        20
Curso blog_TIN.notebook                                                                                     May 11, 2012



               Además de las entradas que hemos visto, se pueden añadir al blog otros elementos llamados 
               gadgets. Para ello seleccionamos la pestaña Diseño de la página principal de administración del 
               blog. En esta sección podemos maquetar el blog, cambiar las fuentes y colores utilizados en su 
               diseño o seleccionar una plantilla diferente para nuestro blog.




                 Un gadget es una pequeña aplicación que se añade en el blog y nos permite hacerlo más 
                 interactivo y darle una mayor funcionalidad. Hay muchos diferentes y cada día se desarrollan 
                 gadgets nuevos. Los más usados son las listas de enlaces a páginas web, el menú con las 
                 etiquetas del blog, encuestas, el archivo del blog...




            encuesta




            buscador




            etiquetas




          Lista de enlaces



                                                                                                                       21
Curso blog_TIN.notebook                                                                                              May 11, 2012


                Las plantillas suelen incluir por defecto algún gadget, en este caso vemos el de Archivo del blog. Estos 
                gadgets los puedo editar o suprimir cuando quiera.




            A continuación voy a añadir un gadget a mi blog. Pulso en Añadir un gadget en la posición 
            que deseo que aparezca dentro de la página del blog.




                                                                                                                                22
Curso blog_TIN.notebook                                                                                 May 11, 2012


             Se abre una ventana con un menú que muestra los gadgets disponibles. Añadiré el Cuadro de 
             búsqueda que aparece en el menú Lo básico. Además de los gadgets básicos que se presentan 
             al abrir la ventana, puedo añadir muchos más, disponibles en los menús (Destacados, Los más 
             populares, Más gadgets)




              Cada gadget tiene tiene su propia ventana de configuración, donde introducimos la 
              información necesaria para crearlo. Una vez configurado el gadget, pulsamos en Guardar



                                                                     Ejemplos de diálogos de otros gadgets




                                                                                                                   23
Curso blog_TIN.notebook                                                                                May 11, 2012




                Vemos cómo queda en el blog. Si quiero volver a editarlo, puedo hacerlo pulsando en 
                el símbolo




                                                                                             Gadget añadido




                                                     Actividad 7

                 Añade tres gadgets a tu blog:

                 •  Menú con las etiquetas de las entradas del blog en forma de nube.
                 •  Una lista de enlaces con las direcciones de dos blogs de tus 
                 compañeros (Lista de Blogs).
                 • Una encuesta sobre un tema relacionado con tu blog.




                                                                                                                  24
Curso blog_TIN.notebook                                                                                                 May 11, 2012



             Como última parte de este curso de Blogger vamos a trabajar con la pestaña de Configuración de la 
             página de administración del blog. Dentro de esta pestaña hay varios subapartados. Nos centraremos en 
             el Básico,los Comentarios y los Permisos.




           La página de Básico nos permite Importar/Expotar entradas del blog, suprimir el blog, cambiar el título, 
           añadir una descripción del blog, así como otras opciones de edición. Una vez modificada la 
           configuración, debemos siempre guardarla pulsando el botón                                         situado al final 
           de la página.




                                                                                                                                   25
Curso blog_TIN.notebook                                                                                     May 11, 2012



              La página de Comentarios nos permite gestionar la entrada y visualización de los comentarios 
              del blog. Puedo permitir o denegar culquier comentario a las entradas o permitir sólo a los 
              usuarios autorizados introducirlos. Además de estas opciones se pueden configurar otras 
              referentes a la forma de mostrar los comentarios o la notificación de comentarios a un grupo de 
              usuarios a través del correo electrónico.




            La página de Permisos configura permisos de autoría y de lectura. Autores son los usuarios con 
            permisos para publicar entradas. Esto nos da la posibilidad de convertir un blog personal en un blog 
            colaborativo. Los permisos de Lectura posibilitan que un blog sólo sea visible por el grupo de usuarios 
            que especifiquemos o únicamente por los autores.
            Si quiero añadir un autor, simplemente tengo que pulsar en Añadir autores e introducir su dirección de 
            correo electrónico. Se le enviará una invitación y cuando la acepte tendrá permiso para publicar 
            entradas en el blog (necesitará acceder previamente a su cuenta de Blogger).




                                                                                                                       26
Curso blog_TIN.notebook                                                                                       May 11, 2012



              Para restringir la lectura a un grupo de Lectores, selecciono la opción Solo los que yo elija y 
              en el cuadro que aparece introduzco sus direcciones de correo eletrónico separadas por 
              comas. Por último, pulso Invitar.




             Entre las demás opciones de configuración que tenemos, podemos configurar el dominio de 
             Publicación del blog, el Formato de la hora y la fecha, la frecuencia de Archivo del blog, la difusión 
             del blog o Feed del sitio, la creación de entradas mediante Correo electrónico y móvil, o el acceso al 
             blog mediante OpenId




                                                                                                                         27
Curso blog_TIN.notebook                                                                                   May 11, 2012



                Por último, para salir de la cuenta de Blogger y finalizar el tutorial, pulsa en Salir.




                                                         Actividad Final

                  Configura tu blog de la siguiente manera:

                  • Sólo los miembros del blog pueden introducir comentarios.
                  • Sólo pueden leer el blog los usuarios que elijas.

                  Elige un compañero del curso y añadiros, como lector y como autor, 
                  cada uno en el blog del otro. Comprobad que podéis introducir 
                  comentarios y publicar nuevas entradas en el blog del compañero.




                                                                                                                     28
Curso blog_TIN.notebook   May 11, 2012




                                     29

Contenu connexe

Tendances

Deber 01 manualde_googledrive_bonilla_marcoantonio
Deber 01 manualde_googledrive_bonilla_marcoantonioDeber 01 manualde_googledrive_bonilla_marcoantonio
Deber 01 manualde_googledrive_bonilla_marcoantonioMarco Bonilla
 
Compartiendo recursosaplicaciones informaticas
Compartiendo recursosaplicaciones informaticasCompartiendo recursosaplicaciones informaticas
Compartiendo recursosaplicaciones informaticaskarla-torres
 
Tutorial sobre Blog
Tutorial sobre BlogTutorial sobre Blog
Tutorial sobre BlogMTL6
 
Jovenes y adultos presentacion-taller
Jovenes y adultos presentacion-tallerJovenes y adultos presentacion-taller
Jovenes y adultos presentacion-tallerprofesor_dario
 
Curso Web20 Manual Flickr
Curso Web20 Manual FlickrCurso Web20 Manual Flickr
Curso Web20 Manual Flickrlepirex
 
Eduteka uso educativo de los blogs características de blogger
Eduteka   uso educativo de los blogs características de bloggerEduteka   uso educativo de los blogs características de blogger
Eduteka uso educativo de los blogs características de bloggermariabelenrr06
 

Tendances (13)

Deber 01 manualde_googledrive_bonilla_marcoantonio
Deber 01 manualde_googledrive_bonilla_marcoantonioDeber 01 manualde_googledrive_bonilla_marcoantonio
Deber 01 manualde_googledrive_bonilla_marcoantonio
 
Compartiendo recursosaplicaciones informaticas
Compartiendo recursosaplicaciones informaticasCompartiendo recursosaplicaciones informaticas
Compartiendo recursosaplicaciones informaticas
 
Tutorial blogger 1
Tutorial blogger 1Tutorial blogger 1
Tutorial blogger 1
 
Tutorial sobre Blog
Tutorial sobre BlogTutorial sobre Blog
Tutorial sobre Blog
 
Sacar gmail
Sacar gmailSacar gmail
Sacar gmail
 
Jovenes y adultos presentacion-taller
Jovenes y adultos presentacion-tallerJovenes y adultos presentacion-taller
Jovenes y adultos presentacion-taller
 
Presentación wiki
Presentación wikiPresentación wiki
Presentación wiki
 
Curso Web20 Manual Flickr
Curso Web20 Manual FlickrCurso Web20 Manual Flickr
Curso Web20 Manual Flickr
 
Flickr grupo 1
Flickr grupo 1Flickr grupo 1
Flickr grupo 1
 
B3 entradas
B3 entradasB3 entradas
B3 entradas
 
Tallerblogs
TallerblogsTallerblogs
Tallerblogs
 
Eduteka uso educativo de los blogs características de blogger
Eduteka   uso educativo de los blogs características de bloggerEduteka   uso educativo de los blogs características de blogger
Eduteka uso educativo de los blogs características de blogger
 
Manual wikispaces
Manual wikispacesManual wikispaces
Manual wikispaces
 

Similaire à Curso blogger tin (20)

Que es un blog
Que es un blog Que es un blog
Que es un blog
 
Que es un blog
Que es un blog Que es un blog
Que es un blog
 
crea tu blog
crea tu blogcrea tu blog
crea tu blog
 
Cmo crear un_blog
Cmo crear un_blogCmo crear un_blog
Cmo crear un_blog
 
Cmo crear un_blog
Cmo crear un_blogCmo crear un_blog
Cmo crear un_blog
 
Cmo crear un_blog
Cmo crear un_blogCmo crear un_blog
Cmo crear un_blog
 
Cmo crear un_blog
Cmo crear un_blogCmo crear un_blog
Cmo crear un_blog
 
Tutorial de blogger
Tutorial de bloggerTutorial de blogger
Tutorial de blogger
 
crear tu blog
crear tu blogcrear tu blog
crear tu blog
 
COMO CREAR TU PROPIO BLOG
COMO CREAR TU PROPIO BLOGCOMO CREAR TU PROPIO BLOG
COMO CREAR TU PROPIO BLOG
 
Crea tu propio blog
Crea tu propio blogCrea tu propio blog
Crea tu propio blog
 
Manual pagina web
Manual pagina webManual pagina web
Manual pagina web
 
Seminario - Construye tu propio Blog
Seminario - Construye tu propio BlogSeminario - Construye tu propio Blog
Seminario - Construye tu propio Blog
 
Seminario blo gs1
Seminario blo gs1Seminario blo gs1
Seminario blo gs1
 
Maria guadalupe exam2
Maria guadalupe exam2Maria guadalupe exam2
Maria guadalupe exam2
 
Tutorial creacion blog
Tutorial creacion blogTutorial creacion blog
Tutorial creacion blog
 
Miriam
MiriamMiriam
Miriam
 
Confeccionar blog y/o Web
Confeccionar blog y/o WebConfeccionar blog y/o Web
Confeccionar blog y/o Web
 
Herramientas digitales crear un blog
Herramientas digitales crear un blogHerramientas digitales crear un blog
Herramientas digitales crear un blog
 
Blog
BlogBlog
Blog
 

Curso blogger tin

  • 1. Curso blog_TIN.notebook May 11, 2012 CREACIÓN DE UN BLOG CON BLOGGER WEB 2.0. APLICACIONES EDUCATIVAS Alejandro Fernández Pascual Crear un blog:  Entrar en la página http://www.blogger.com 1
  • 2. Curso blog_TIN.notebook May 11, 2012 Accedemos a nuestra cuenta Google (1). Si no tenemos cuenta pulsamos CREAR UN  BLOG (2), donde crearemos una. (1) (2) Crear una cuenta Google Account. Si ya la tenemos saltamos este paso   Rellenamos el formulario para crear la cuenta. 2
  • 3. Curso blog_TIN.notebook May 11, 2012 Introducimos el código de verificación de la palabra, aceptamos las condiciones y pulsamos  en CONTINUAR Escogemos un nombre para el blog (habrá que comprobar que esté disponible) 3
  • 4. Curso blog_TIN.notebook May 11, 2012 Eleginos una plantilla en la que se basará el diseño de nuestro blog (podemos  previsualizarlas antes de escoger) A continuación se muestra el mensaje que confirma que se ha creado el blog correctamente.  Ahora empezamos a publicar 4
  • 5. Curso blog_TIN.notebook May 11, 2012 Actividad 2 Repite los pasos vistos hasta ahora y crea tu propio blog sobre  algún tema que te resulte atractivo. Accedemos a la página principal de administración de nuestro blog. Tenemos cuatro pestañas  principales (Creación de entradas, Configuración, Diseño y Monetizar) 5
  • 6. Curso blog_TIN.notebook May 11, 2012 Creación de entradas Permite crear y modificar las entradas del Blog (artículos, ensayos, opiniones,  actividades, etc).  Configuración Es la pestaña más importante desde el punto de vista de la administración del blog.  Permite cambiar las preferencias de visualización del blog, la entrada de comentarios y   establecer permisos de acceso y publicación de contenidos para otros usuarios. Diseño Permite cambiar la apariencia de nuestro blog: Seleccionar la plantilla del blog, el tipo de  letra, los colores, la organización de las secciones, etc. Monetizar  Se utiliza para incluir publicidad en el blog. Creación de entradas Seleccionamos   Nueva entrada  . El recuadro que aparece debajo es donde se escribe la  entrada (1) y ofrece las opciones básicas de un procesador de texto con la posibilidad de  insertar contenido multimedia como imágenes y videos. Cuando creamos una entrada tenemos que etiquetarla con palabras clave sobre el contenido de  la misma. Esto lo haremos a través del cuadro 'etiquetas de esta entrada'(2). (1) (2) 6
  • 7. Curso blog_TIN.notebook May 11, 2012 Una vez escrita la entrada pulsamos en Publicar entrada. Nos aparecerá un mensaje de  confirmación informando que la entrada se ha publicado correctamente. Si ahora pichamos en Ver entrada, veremos la entrada publicada en el blog. http://tecnologiaparatods.blogspot.com/ Cuando tenemos varias entradas publicadas, podemos gestionarlas en la opción  'Editar entradas' 7
  • 8. Curso blog_TIN.notebook May 11, 2012 Actividad 3 Publica ahora tu primera entrada con un breve texto de presentación  del blog. ¡No olvides etiquetar la entrada! Ahora vamos a publicar una entrada con una imagen. La imagen podemos obtenerla de nuestro disco  duro, de internet o podemos capturar una imagen de una página (por ejemplo un titular de un  periódico digital). Empezaremos descargando una imagen de internet y añadiéndola a nuestro blog. Entramos en la dirección  http://bancoimagenes.isftic.mepsyd.es/ 8
  • 9. Curso blog_TIN.notebook May 11, 2012 Seleccionamos Fotografías y hacemos una búsqueda en la base de datos (por ejemplo Ciudad  Rodrigo). Nos aparecen varias fotos. Seleccionamos una de ellas. Al seleccionarla obtenemos información sobre el formato de la imagen, el tema y a qué categorías  curriculares pertenece. A continuación pulsamos en Descargar archivo 9
  • 10. Curso blog_TIN.notebook May 11, 2012 Aceptamos las condiciones de uso y guardamos el archivo en el Escritorio (por ejemplo) Ahora vamos a comprobar el tamaño de la imagen. Siempre que trabajemos con imágenes en  internet, documentos de Office, OpenOffice, etc. será necesario comprobar el tamaño de las  imágenes con las que estamos trabajando, porque si el tamaño es muy grande, se ralentizan  mucho todas las tareas. Vamos al escritorio, y en la foto  Fotocapiteles pulsamos con el  botón derecho y seleccionamos  Propiedades 10
  • 11. Curso blog_TIN.notebook May 11, 2012 Se muestran las propiedades de la imagen, entre  las que está el tamaño. En este caso el tamaño es  1,47MB. Se recomienda trabajar con imágenes del  orden de los 100KB, por lo que está imagen es  demasiado grande y habrá que reducirla.  Recuerda : 1MB = 1000KB A continuación se explica cómo reducir  con Paint el tamaño de una imagen. Si ya  sabes cómo hacerlo, puedes saltarte este  paso.   ¿Cómo reducir una imagen? Para reducir el tamaño de una imagen necesito Editarla. Pulso de nuevo con el botón  derecho del ratón sobre la imagen y selecciono Editar 11
  • 12. Curso blog_TIN.notebook May 11, 2012 Se abre el programa Paint de Windows que permite modificar la imagen. Pulsamos en Imagen y  seleccionamos Expandir o Contraer... Se abre un diálogo que permite elegir el porcentaje de expansión e introducimos los valores  de 30% tanto en Horizontal como en Vertical. Al tomar el mismo valor en las dos direcciones,  cuando se reduzca la fotografía no se deformará. 12
  • 13. Curso blog_TIN.notebook May 11, 2012 Guardamos la nueva imagen. Si comprobamos de nuevo su tamaño, veremos que ahora  ocupa 123KB. Ahora ya está lista para subirla al blog. Actividad 4 Descárgate una imagen del banco de datos del Mepsyd relacionada  con el tema de tu blog, y reduce su tamaño si es necesario. http://bancoimagenes.isftic.mepsyd.es/ 13
  • 14. Curso blog_TIN.notebook May 11, 2012 Voy a publicar la foto descargada en mi blog. Si he cerrado la página de blogger, vuelvo a  entrar en la página. http://www.blogger.com Accedo a mi cuenta de Google en Blogger Se abre el Escritorio de Blogger, donde se muestran mis blog y las mismas opciones que  teníamos en las pestañas de la página de administración del blog. Pulso en Nueva entrada 14
  • 15. Curso blog_TIN.notebook May 11, 2012 Nos aseguramos que estamos trabajando en la pestaña Redactar. A continuación doy un título a  la entrada, inserto un texto comentando la foto y escribo las etiquetas para esta  entrada del blog.  Por último pulso en el botón de insertar imagen. Insertar imagen   Se abre el diálogo para añadir una imagen. Puedo añadirla desde el equipo o dando la dirección web  donde se encuentre la imagen que me interese publicar. Podemos también  elegir el diseño de la foto y el  texto y el tamaño con el que se publicará la imagen en el blog. Para añadir la foto Fotocapiteles del  equipo, pulso en Examinar y selecciono la carpeta donde esté almacenada (Escritorio). A continuación  pulso SUBIR IMAGEN 15
  • 16. Curso blog_TIN.notebook May 11, 2012 Esperamos a que se cargue la imagen.... A continuación se muestra un mensaje que confirma que se ha añadido la imagen.  Pulsamos en FINALIZADO y volveremos a la edición de la entrada. Vemos  que ahora aparece la imagen en la entrada con el texto que habíamos escrito. Ya sólo  nos queda pulsar el botón de PUBLICAR y tendremos la nueva entrada con la imagen  publicada en el blog. 16
  • 17. Curso blog_TIN.notebook May 11, 2012 Para ver el resultado pulsamos en Ver entrada. Actividad 5 Publica en tu blog la imagen descargada del banco de imágenes.        Recuerda etiquetar la entrada. 17
  • 18. Curso blog_TIN.notebook May 11, 2012 A continuación voy a añadir una entrada con un vídeo que he encontrado en Youtube y me interesa  compartirlo con los alumnos. En primer lugar entro en Youtube y busco un vídeo relacionado con la  energía eólica. Elijo el vídeo que me interesa, que es el segundo que aparece. Al seleccionarlo se reproduce el vídeo elegido. Para insertarlo en nuestro blog, tenemos que copiar un  código que aparece en esta página bajo la palabra Insertar Selecciono y copio este código   18
  • 19. Curso blog_TIN.notebook May 11, 2012 Edito una nueva entrada en mi blog. Introduzco el título, un texto que describa el vídeo y las etiquetas  de la nueva entrada. A continuación pulso en edición de HTML y pego el código del vídeo. Aparece  una ristra de código extraño que insertará el vídeo en mi blog. Por último publico la entrada y la  visualizo como otras veces. Vemos el resultado. Añadiendo el vídeo de esta forma, se incluye el reproductor en nuestro  blog, facilitando a los lectores su reproducción 19
  • 20. Curso blog_TIN.notebook May 11, 2012 Actividad 6 Busca un vídeo en Youtube relacionado con el tema de tu blog y  publícalo. Recuerda etiquetar la entrada. Otras opciones del editor de Blogger son añadir un enlace a una página web o añadir un vídeo  que tengo almacenado en el disco duro. Añade un vídeo Añade un enlace a una página web (antes tengo que seleccionar un texto o una imagen) 20
  • 21. Curso blog_TIN.notebook May 11, 2012 Además de las entradas que hemos visto, se pueden añadir al blog otros elementos llamados  gadgets. Para ello seleccionamos la pestaña Diseño de la página principal de administración del  blog. En esta sección podemos maquetar el blog, cambiar las fuentes y colores utilizados en su  diseño o seleccionar una plantilla diferente para nuestro blog. Un gadget es una pequeña aplicación que se añade en el blog y nos permite hacerlo más  interactivo y darle una mayor funcionalidad. Hay muchos diferentes y cada día se desarrollan  gadgets nuevos. Los más usados son las listas de enlaces a páginas web, el menú con las  etiquetas del blog, encuestas, el archivo del blog... encuesta buscador etiquetas Lista de enlaces 21
  • 22. Curso blog_TIN.notebook May 11, 2012 Las plantillas suelen incluir por defecto algún gadget, en este caso vemos el de Archivo del blog. Estos  gadgets los puedo editar o suprimir cuando quiera. A continuación voy a añadir un gadget a mi blog. Pulso en Añadir un gadget en la posición  que deseo que aparezca dentro de la página del blog. 22
  • 23. Curso blog_TIN.notebook May 11, 2012 Se abre una ventana con un menú que muestra los gadgets disponibles. Añadiré el Cuadro de  búsqueda que aparece en el menú Lo básico. Además de los gadgets básicos que se presentan  al abrir la ventana, puedo añadir muchos más, disponibles en los menús (Destacados, Los más  populares, Más gadgets) Cada gadget tiene tiene su propia ventana de configuración, donde introducimos la  información necesaria para crearlo. Una vez configurado el gadget, pulsamos en Guardar Ejemplos de diálogos de otros gadgets 23
  • 24. Curso blog_TIN.notebook May 11, 2012 Vemos cómo queda en el blog. Si quiero volver a editarlo, puedo hacerlo pulsando en  el símbolo Gadget añadido Actividad 7 Añade tres gadgets a tu blog: •  Menú con las etiquetas de las entradas del blog en forma de nube. •  Una lista de enlaces con las direcciones de dos blogs de tus  compañeros (Lista de Blogs). • Una encuesta sobre un tema relacionado con tu blog. 24
  • 25. Curso blog_TIN.notebook May 11, 2012 Como última parte de este curso de Blogger vamos a trabajar con la pestaña de Configuración de la  página de administración del blog. Dentro de esta pestaña hay varios subapartados. Nos centraremos en  el Básico,los Comentarios y los Permisos. La página de Básico nos permite Importar/Expotar entradas del blog, suprimir el blog, cambiar el título,  añadir una descripción del blog, así como otras opciones de edición. Una vez modificada la  configuración, debemos siempre guardarla pulsando el botón                                         situado al final  de la página. 25
  • 26. Curso blog_TIN.notebook May 11, 2012 La página de Comentarios nos permite gestionar la entrada y visualización de los comentarios  del blog. Puedo permitir o denegar culquier comentario a las entradas o permitir sólo a los  usuarios autorizados introducirlos. Además de estas opciones se pueden configurar otras  referentes a la forma de mostrar los comentarios o la notificación de comentarios a un grupo de  usuarios a través del correo electrónico. La página de Permisos configura permisos de autoría y de lectura. Autores son los usuarios con  permisos para publicar entradas. Esto nos da la posibilidad de convertir un blog personal en un blog  colaborativo. Los permisos de Lectura posibilitan que un blog sólo sea visible por el grupo de usuarios  que especifiquemos o únicamente por los autores. Si quiero añadir un autor, simplemente tengo que pulsar en Añadir autores e introducir su dirección de  correo electrónico. Se le enviará una invitación y cuando la acepte tendrá permiso para publicar  entradas en el blog (necesitará acceder previamente a su cuenta de Blogger). 26
  • 27. Curso blog_TIN.notebook May 11, 2012 Para restringir la lectura a un grupo de Lectores, selecciono la opción Solo los que yo elija y  en el cuadro que aparece introduzco sus direcciones de correo eletrónico separadas por  comas. Por último, pulso Invitar. Entre las demás opciones de configuración que tenemos, podemos configurar el dominio de  Publicación del blog, el Formato de la hora y la fecha, la frecuencia de Archivo del blog, la difusión  del blog o Feed del sitio, la creación de entradas mediante Correo electrónico y móvil, o el acceso al  blog mediante OpenId 27
  • 28. Curso blog_TIN.notebook May 11, 2012 Por último, para salir de la cuenta de Blogger y finalizar el tutorial, pulsa en Salir. Actividad Final Configura tu blog de la siguiente manera: • Sólo los miembros del blog pueden introducir comentarios. • Sólo pueden leer el blog los usuarios que elijas. Elige un compañero del curso y añadiros, como lector y como autor,  cada uno en el blog del otro. Comprobad que podéis introducir  comentarios y publicar nuevas entradas en el blog del compañero. 28
  • 29. Curso blog_TIN.notebook May 11, 2012 29