El documento proporciona instrucciones sobre cómo crear y editar entradas en un blog, incluir formatos, imágenes, videos y enlaces. También explica cómo administrar comentarios, agregar gadgets de diseño y encontrar recursos multimedia gratuitos.

1. Pedro A. Ortega Palazón Centro de Profesores de Belmonte ENTRADAS, POST O CONTENIDOS A NUESTRO BLOG CREACIÓN Y EDICIÓN DE ENTRADAS. “ EMBEBER” CÓDIGO HTML. ADMINISTRAR LOS COMENTARIOS. DISEÑO DEL BLOG: LOS GADGETS

2. Para crear una entrada nueva: Seleccionar “Nueva entrada” en el menú CREACIÓN DE ENTRADAS Pulsar en “Redactar” para que tengamos la barra de herramientas. Completar los elementos: título, cuerpo principal, etiquetas. Opciones de entrada: para no admitir comentarios si estaban permitidos en la configuración. No olvidar “Publicar entrada” Recordamos cómo CREAR una entrada nueva:

3. ELEMENTOS de la barra de herramientas Deshacer/rehacer Formato del texto: FUENTE, TAMAÑO, Negrita-Cursiva-Subrayado-Tachado, COLOR DEL TEXTO Y COLOR DE FONDO DEL TEXTO. Incluir ENLACES. Incluir IMÁGENES. Incluir VIDEOS (subiéndolos o desde Youtube) Incluir SALTO DE LINEA. Formato del párrafo: ALINEACIÓN, NUMERACIÓN, LISTA Y CITAS (sangría) Deshacer el formato de un texto. Revisar ORTOGRAFÍA.

4. Crea una entrada con los siguientes elementos: Texto con un formato adecuado. Una imagen o vídeo. IMAGEN: desde mi disco duro , desde tu blog, desde Picassa o desde una dirección Web . VÍDEO: desde mi disco duro o desde Youtube . Un hiperenlace sobre. Selecciona un texto y aplica el hiperenlace. También lo puedes hacer sobre una imagen. ACTIVIDAD 3: CREACIÓN DE UNA ENTRADA CON FORMATO

5. Podéis conseguir fotografías u otras imágenes gratuitas de las siguientes páginas webs: Banco de imágenes del CNICE: http://recursos.cnice.mec.es/bancoimagenes2/buscador/index.php Mediateca de EducaMadrid: http://mediateca.educa.madrid.org/ Open Clip Art Gallery: http://www.openclipart.org/cgi-bin/navigate Openphoto: http://www.openphoto.net/ Free Digital Photos: http://www.freedigitalphotos.net/ Lista de sitios que ofrecen imágenes: http://www.masternewmedia.org/news/2005/04/01/where_to_find_free_images.htm ¡ OJO CON LOS DERECHOS DE AUTOR! Para saber más sobre cómo incluir vídeos en Blogger: http://avalerofer.blogspot.com/2007/10/vdeos-en-blogger.html

6. Seleccionar “Editar entrada” en el menú CREACIÓN DE ENTRADAS EDITAR: modificar VISUALIZAR: ver como queda SUPRIMIR: para eliminar APLICAR ETIQUETAS : se hace desde la creación o desde aquí. Recordamos cómo EDITAR una entrada nueva:

7. Para utilizar los recursos multimedia en nuestro Blog, vamos a insertar o embeder (del ingles “ embed ”) el código del recurso que queremos reflejar en nuestro Blog. PASOS: 1º. Seleccionamos el archivo que queremos insertar. 2º. Buscamos la opción “Insertar”, “Embed” o el icono de Blogger 3º. Copiamos el código Html (Seleccionamos y pulsamos “CTRL+C”) 4º. Ajustamos parámetros desde el servidor (opcional). 5º. Vamos al cuerpo de nuestra entrada y, teniendo seleccionado la opción “Edición de HTML”, pegamos el código (“CTRL+V”) 6º. Publicamos la entrada. “ EMBEDER” CÓDIGO Vamos con un Ejemplo: INSERTAR UN VÍDEO DE YOUTUBE . SE PUEDE “ENLAZAR” EL VÍDEO DESDE LA BARRA DE DIRECCIONES, PERO VISUALMENTE QUEDA MENOS ATRACTIVO

8. YOUTUBE: permite agregar vídeos a nuestro blog. Como es del grupo Google, con nuestro usuario también se puede subir vídeos. www.youtube.com SERVICIOS Y SERVIDORES PARA“EMBEDER” SLIDESHARE: permite agregar presentaciones. Para subir y descargar algunos archivos, tienes que tener un usuario registrado. Algunos archivos puden descargarse directamente a tu ordenador en PDF, otros no. www.slideshare.net ISSUU: .Servidor que transforma los archivos PDF en presentaciones Flash www.issuu.com SCRIBD: permite agregar archivos y e-books con licencia CC. http://www.scribd.com/

9. OTROS SERVIDORES FLICKR: permite introducir fotos o módulos (álbumes, conjuntos de fotos). PICASA: para incluir fotos (a estas entradas se les llama slideshow) DIVSHARE: creando una cuenta, puedo subir archivos MP3 y videos, y luego enlazarlos con mi blog. SERVICIOS Y SERVIDORES PARA“EMBEDER” Archivos multimedia de cualquier servidor creados por mí: Tendré que buscar la opción de agregar el código en html. Algunos servidores solo dejan copiar la URL, es decir, poner un enlace desde mi Blog, no haciéndolo atractivo para el alumno.

10. Y recordad etiquetar todas vuestras entradas para tener un sitio ordenado… 1º. A PRIORI: introduzco todas las etiquetas de mi blog 2º. SOBRE LA MARCHA: las voy introduciendo con las entradas (hay que seleccionar una entrada) 3º. A POSTERIORI: las añado una vez creada la entrada.

11. Vamos a ver cómo manipular los comentarios: Desde el menú de “Configuración”, activa los comentarios para personas “identificables”. Crea un comentario en alguna entrada del Blog de un compañero, y que ese compañero haga un comentario en tu Blog. Trata de modificar la ubicación del comentario, y selecciona la opción que más te gusta. Trata de cómo Administrador del Blog, elimina la entrada que ha hecho el compañero. Tienes diversas opciones (desde la propia entrada si estás “login” o desde el menú “Comentarios”). Crea una entrada donde no se permitan comentarios. Prueba a meter un comentario (previamente, tienes que “salir”). Prueba la opción de “moderación de comentarios” a través de tu email: activa esta opción y trata de meter un comentario. ACTIVIDAD 4: COMENTARIOS A LAS ENTRADAS

12. RECORDAMOS LOS GADGETS Los gadget son componentes que podemos añadir a nuestro blog para que este sea más usable, más atractivo o ambas cosas. Algunos ejemplos: Mostrar un listado de enlaces. Mostrar un menú con las entradas de nuestro blog. Mostrar los eventos que tenemos marcados en un calendario de google calendar. Mostrar una lista de videos publicados en youtube. Mostrar un contador de las visitas a nuestra web.

13. Se configuran desde el menú DISEÑO: CREACIÓN: en “Añadir Gadget”. MODIFICACIÓN: en “Editar”. ELIMINACIÓN: en “Editar”, “Eliminar”. SITUACIÓN: una vez creado, lo arrastramos al espacio deseado…

14. Hay más de 1000 Gadgets proporcionados por programadores Están de forma accesible desde Blogger: No los hay mejores y peores, sino “interesantes a nuestro Blog” Consejo: Leer la explicación. Probarlos. Visualizarlos Dejarlos o eliminarlos.

15. Algunos GADGETS Básicos: - “PERFIL”: muestra el perfil del autor. - “ARCHIVOS DEL BLOG”: clasifica las entradas del Blog cronológicamente, y las enlace para que se puedan acceder rápidamente. “ ETIQUETAS”: las etiquetas permiten clasificar nuestros artículos, y a través de este “Gadget” se pueden acceder a dicha clasificación. “ HTML”: para insertar código Html (Embed). Es similar (más básico) que en las entradas, y además hay que ajustar el tamaño en algunos casos.

16. Además de los que nos ofreced BLOGGER, hay multitud de direcciones en Internet donde nos dejan el código HTML de distintas aplicaciones. Busca en “Google”, por ejemplo: “Gadgets + Blogger” También muchas Webs dejan enlazar sus contenidos a un Blog. ACTIVIDAD 5 Trata de dos gadgets en Internet: uno con un reloj y otro con el tiempo de la localidad donde das clase. Pistas: Tienes varios modelos de relojes en: www.bajovuelos.com/relojes/ El tiempo lo puedes encontrar en: www.eltiempo.es (busca el tiempo de la localidad y añádelo desde el icono:

17. GENERADOR DE MENÚS PARA BLOGGER Toda la información en: http://algodeblogs.blogspot.com/2007/10/css-menu-maker-generador-de-mens-para.html TRABAJO FINAL DEL CURSO Incluir un comentario en la entrada correspondiente del Blog: http://cursopedrobelmonte.blogspot.com/ Para acabar por hoy…