Blogs (Blogger)

62
EDUARDO HERNÁNDEZ ÁLVAREZ (DPTO. TECNOLOGÍA) BLOGS (BLOGGER)

Transcript of Blogs (Blogger)

Page 1: Blogs (Blogger)

EDUARDO HERNÁNDEZ ÁLVAREZ (DPTO. TECNOLOGÍA)

BLOGS(BLOGGER)

Page 2: Blogs (Blogger)

FIREFOX

OPERAGOOGLE CROME

EXPLORER

NAVEGADORES

Page 3: Blogs (Blogger)

Google (http://www.google.es/)

Yahoo (http://es.yahoo.com/)

Altavista (http://es.altavista.com/)

Bing (http://www.bing.com/)

Las búsquedas se hacen escribiendo una palabra o varias palabras clave,dando como resultado un listado de direcciones Web en las que se mencionan temas relacionados con las palabras clave introducidas.

BUSCADORES

Page 4: Blogs (Blogger)

• Su función consiste en usar el motor de búsqueda de otros y mostrar la combinación de las mejores páginas que ha devuelto cada buscador

Metacrawler (http://www.metacrawler.com/)

Dogpile (http://www.dogpile.com/)

METABUSCADORES

Page 5: Blogs (Blogger)

• Para crear una cuenta de “ Gmail”:

• http://mail.google.com/mail/help/intl/es/about.html

CUENTA “GMAIL”

Page 6: Blogs (Blogger)

PROCEDIMIENTO:• En la siguiente ventana deberá rellanar:• Nombre• Nombre de usuario• Contraseña• Confirma tu contraseña• Fecha de nacimiento• Sexo• Teléfono móvil (no es imprescindible hacerlo).• Dirección de correo alternativa (Si no dispone de ninguna otra dirección de correo• electrónico, deje este campo en blanco).• Demuéstranos que no eres un robot: El sistema nos proporciona una imagen con dos

palabras que hay que escribir. Esto se hace para que no se puedan generar cuentas automáticamente.

• Ubicación (País donde nos encontramos).• Condiciones del servicio (Deben aceptarse para crear la cuenta de correo).• Completado todos estos datos hacemos clic en el botón Siguiente paso para concluir la

creación de nuestra cuenta de correo.

Page 7: Blogs (Blogger)

• “Un blog, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente”.

DEFINICIÓN DE BLOG

Page 8: Blogs (Blogger)

VENTAJAS• Acceso desde cualquier lugar. Basta con tener conexión a Internet.• Clasificación de los contenidos en categorías. Para clasificar las noticias en

un blog las puede agrupar por categorías que usted mismo puede crear y así facilitar la navegación de los usuarios que accedan.

• Enlazar unos blog con otros. Los blog nos permiten poner una lista con blog que usted visite periódicamente o que tengan la misma temática que el suyo.

• Puede moderar los comentarios y así evitar las entradas inapropiadas u ofensivas.

• Retroalimentación. Cada noticia genera comentarios que hacen replantearse su postura, ya que estas entradas posibilitan la aportación de distintos puntos de vista.

• Puede utilizarse como herramienta educativa.

Page 9: Blogs (Blogger)

EJEMPLOS DE BLOG• Blog Tecnología (blogger): http://areatecnologia.blogspot.com.es/

• Blog Tecnología (wordpress): http://tecnotic.wordpress.com/

• Blog de Inglés (bitácoras): http://bitacoras.com/bitacora/englishextension.blogspot.com/comentarios

• Blog de Dibujo y artes plásticas (edublog): http://sites.google.com/site/bibliotecaespiralcromatica/edublogs

Page 10: Blogs (Blogger)

BLOGS GRATUITOS• BITÁCORAS PUNTO COM : http://www.bitacoras.com/

Está presente en Internet desde el año 2002 y es el mayor centro de servicios y promoción de blog y bloggers en español.

• LA COCTELERA : http://www.lacoctelera.com/

• BLOGGER : https://www.blogger.com/startBlogger se inició en una pequeña empresa de San Francisco llamada Pyra Labs en agosto de 1999, en pleno boom de las empresas basadas en Internet. Desde 2003 es propiedad de Google.

Page 11: Blogs (Blogger)

• EDUBLOGS : http://edublogs.org/Un servicio para que docentes y estudiantes publiquen de forma gratuita su blog. Tiene el inconveniente de que el proceso de alta y la gestión del blog son en inglés.

• WORDPRESS : http://wordpress.org/Es el sistema que más desarrollo está teniendo en los últimos tiempos y tal vez la mejor que existe actualmente en PHP. Altamente personalizable con una gran variedad de plugins y diseños. Es muy fácil de instalar y de usar.

• B2 EVOLUTION : http://b2evolution.net/Permite múltiples blog y autores en una misma instalación. A diferencia de otros, viene ya con el paquete de idioma español preinstalado.

Page 12: Blogs (Blogger)

¿CUÁL ELEGIMOS?• Los dos lugares que albergan la posibilidad de

crear un buen trabajo con una relativa comodidad de elaboración son Blogger y WordPress.

• Blogger es mas intuitivo visual y fácil de utilizar, aunque por el contrario sus prestaciones son más limitadas.

• WordPress es un tanto más complejo de uso, pero sus prestaciones son ilimitadas, además se puede instalar en un servidor propio.

Page 13: Blogs (Blogger)

• Abra un navegador y teclee: http://www.google.com. Encontrará en la parte superior un enlace Más que nos desplegará un menú emergente eb el que elegiremos Mucho más.

• Se nos muestra una pantalla con Más productos de Google. Haga clic sobre el enlace Blogger.

CREAR EL BLOG

Page 14: Blogs (Blogger)

• Como ya disponemos de cuenta de correo de Gmail, introducimos nombre de usuario y contraseña.

• Una vez lo hayamos hecho hay que:- Elegir Nombre visible para mostrar en nuestro blog (real o pseudónimo).- Marcar la casilla de verificación (cuadradito) Acepto las Condiciones del servicio.- Hacer clic en la flecha Continuar.

• Procedamos ahora a crear un blog mediante el botón Nuevo blog:

- Escoger Título del blog.- La Dirección que va a tener nuestro blog: http://xxxxxx.blogspot.com (sustituyendo las “x” por los caracteres que deseemos). Una vez introducido esos caracteres la ventana nos dirá si está o no disponible.- Elegir una Plantilla. Para seleccionarla debe hacer clic sobre su imagen.

Page 15: Blogs (Blogger)

• Una vez hecho se activa el botón Crear blog. Hacer clic sobre él y se creará el blog.

Page 16: Blogs (Blogger)

• Acceso a nuestro perfil• Creacción de entradas• Ir a la lista de entradas (si tenemos varias)• Para ver nuestro blog (aunque todavía no hayamos introducido nada)• Más opciones:

Visión general.Entradas.Páginas.Comentarios.Estadísticas.Ingresos.Diseño.Plantilla.Configuración.

ELEMENTOS PRINCIPALES BLOGGER

Page 17: Blogs (Blogger)

OPCIONES DE CONFIGURACIÓN• Básico.– Básico: Nos permite modificar el título del blog, una

descripción del mismo, la privacidad (¿Quieres añadir tu blog a nuestras listas?, ¿Quieres permitir que los motores de búsqueda encuentren tu blog?).

– Publicación: Nos permite cambiar la URL del blog y ofrece la posibilidad de comprar un dominio.

– Permisos: Desde aquí podremos añadir a autores de nuestro blog y podremos editar quiénes pueden ser lectores del mismo.

Page 18: Blogs (Blogger)

• Entradas y comentarios.– Entradas: Elegimos el número de entradas por página,

especificar una plantilla de entrada (con texto o código predeterminado que aparecerá cada vez que crees una entrada nueva en el editor de entradas) y mostrar o no imágenes en el lightbox.

– Comentarios: Modificación de todos los elementos relativos a los comentarios como son la persona que los puesde realizar, la ubicación, el formato de la hora en ellos o que se envien mensajes con los comentarios.

Page 19: Blogs (Blogger)

• Móviles y correo electrónico.– Móvil: Permite publicar entradas a través de SMS o MMS.

– Correo electrónico: Ídem, pero a través de correo electrónico; se puede elegir correo para recibir los comentarios y una lista de correos para que reciban las publicaciones de tu blog.

• Idioma y formato.– Idioma: Sirve para elegir idioma y permite habilitar la

traducción de palabras del inglés al idioma seleccionado.

– Formato: Nos permite modificar zona horaria y formatos de hora y fecha.

Page 20: Blogs (Blogger)

• Otros.– Herramientas de blog: Podemos importar/exportar un blog y

suprimirlo.

– Feed del sitio: Posibilita la distribución de toda la noticia o un extracto de ella, así como el pie de página de estos feed

– OpenID. Puedes utilizar nuestra URL de OpenID para acceder a sitios donde se haya habilitado OpenID. También puedes permitir a los usuarios de OpenID que publiquen comentarios en nuestro blog ajustando la configuración.

– Contenido para adultos. Si seleccionas Sí, los visitantes de tu blog verán un mensaje de advertencia y se les pedirá que confirmen que desean acceder a tu blog.

– Google Analytics. Añade Google Analytics a tu blog para ver cómo interactúan los visitantes con tu sitio.

Page 21: Blogs (Blogger)

• Ponemos la dirección del BLOG en nuestro navegador (por ejemplo http://xxxxxxxx.blogspot.com/).

• Si no estamos identificados con nuestra cuenta de correo Gmail nos aparece, en la parte superior derecha el siguiente enlace: Acceder.

• Nueva entrada

PRIMERA ENTRADA

Page 22: Blogs (Blogger)

Tiene los siguientes elementos:1. El título de la entrada.

2. El editor, compuesto por dos pestañas: Redactar (editor WYSIWYG1, permiten escribir un documento viendo directamente el resultado final) y HTML (lenguaje de marcado predominante para la elaboración de páginas web).

3. Botones en la parte superior para:– Vista previa: Nos muestra una vista de la entrada como si estuviera publicada.– Guardar: Sirve para guardar nuestra entrada (sin publicarla) con objeto de poder

trabajar sobre ella posteriormente.– Cerrar: Cierra la ventana de edición sin guardar cambios.– Publicar. Publica la entrada.

4. En la parte de la derecha encontramos Opciones de entrada:– Etiquetas: Caja de texto en la que podemos introducir palabras clave o expresiones

separadas por comas que definen y clasifican las entradas (posteriormente se pueden visualizar estas etiquetas en el lateral del blog para que los lectores lean las entradas seleccionando las etiquetas que las incluyen).

– Programar: Se puede establecer una fecha y hora para la publicación de la entrada.– Ubicación: Puede especificar desde dónde escribe la entrada.– Opciones: Puede permitir o no los comentarios de los lectores y varios detalles de HTML.

Page 23: Blogs (Blogger)

IMPORTANTE“NO debemos pegar en dicho editor texto procedente de otra página Web o de un procesador textos, ya que de así puede que incorporemos, sin desearlo, código que luego dificultará la edición de las noticias.”

SOLUCIÓN:• Pegar antes dicho texto en el bloc de notas (Windows) o editor de textos

(GNU/Linux), con lo cual se “pierde” el código asociado al texto. Posteriormente seleccionar de nuevo el texto, copiarlo y pegarlo entonces en el blog.

• Una posibilidad más rápida consiste en elegir la pestaña HTML (la comentamos más adelante) y pegar allí el texto sin “pasarlo” por el bloc de notas o editor de textos.

Page 24: Blogs (Blogger)

EDITOR WEB DE BLOGGER

Page 25: Blogs (Blogger)

• Podemos permitir a otras personas introducir nuevas entradas en nuestro blog, pero tendrán restringidas las opciones de configuración del blog.

• Aunque podemos conceder el rol de administrador del blog.

• Añadir autores: clic en el enlace Configuración >> Básico >>Permisos.

• Clic en + Añadir autores

AÑADIR AUTORES

Page 26: Blogs (Blogger)

• Aparece un cuadro de diálogo para escribir, separadas por comas, las direcciones de correo electrónico de las personas a las que vamos a añadir (debe ser correo Gmail)

• La persona invitada recibirá un correo de invitación. La misma deberá seguir el enlace y rellenar el formulario.

• Una vez ha aceptado podemos entrar de nuevo en Permisos para otorgarle permisos de administrador del blog.

Page 27: Blogs (Blogger)

• Si deseamos poner un enlace a un texto, debemos, en primer lugar, seleccionarlo y después hacer click en enlace.

• En el cuadro de diálogo escribiremos la Dirección web de destino del enlace.

INSERTAR UN ENLACE

Page 28: Blogs (Blogger)

• Aceptamos y queda insertado el enlace.

Page 29: Blogs (Blogger)

• Algunas imágenes están sujetas a derechos de autor.• Si queremos utilizar imágenes que no sean nuestras, acudamos

a sitios Web con licencia Creative Commons (http://es.creativecommons.org/) o similares:

– Banco de imágenes y sonidos del INTEF: http://recursostic.educacion.es/bancoimagenes/web/ (se dispone de imágenes y sonidos).

– Open Clip Art Gallery: http://openclipart.org/– Openphoto: http://www.openphoto.net/– Free Digital Photos: http://www.freedigitalphotos.net/– Mediateca de EducaMadrid: http://mediateca.educa.madrid.org (se dispone de

imágenes, vídeos y sonidos).– Lista de sitios que ofrecen imágenes: http://www.wheretofindfreeimages.com/

INSERTAR IMÁGENES

Page 30: Blogs (Blogger)

Debemos tener en cuenta:

- No deben interrumpir el texto ni dejar poco espacio para el mismo.

- Salvo excepciones, su tamaño no debería sobrepasar los 500 píxeles de ancho.

- Tenga en cuenta que sirven para ilustrar el contenido y que su uso como adorno está contraindicado.

Page 31: Blogs (Blogger)

¿Cómo insertar las imágenes?

• Desde el editor Web: Insertar imagen• Aparece una ventana emergente que permite incluir

una imagen en nuestro blog desde:- Nuestro equipo, haciendo clic sobre el botón Elegir archivos y localizando la imagen.- Desde este blog (pudiendo elegir imágenes utilizadas previamente)- Desde Álbumes web de Picasa.- Desde tu teléfono.- Desde una dirección de Internet, para lo que debemos pegar la dirección exacta de la imagen en la caja de texto Pegar la URL de una imagen aquí.

• Finalmente, hacer clic en el botón Añadir las imágenes seleccionadas.

Page 32: Blogs (Blogger)

• Una vez insertada, al hacer clic sobre la imagen podemos editarla:

• Una vez concluido el proceso hacemos clic sobre el botón Publicar (en caso de se una nueva entrada) o Actualizar (en caso que la estemos modificando/editando).

Page 33: Blogs (Blogger)

• Existen en Internet sitios Web que permiten a los usuarios "subir" sus fotografías y que, una vez almacenadas en ellos, puedan ser visualizadas desde cualquier equipo que tenga conexión a Internet. Estas fotografías podrán ser enlazadas con nuestro blog.

• Entre los sitios Web que permiten albergar imágenes de forma gratuita:- Flickr (http://www.flickr.com/). Si quiere realizar una visita y ver cómo están estructuradas las fotografías de uno de los autores del presente documento puede acceder a la siguiente dirección: http://www.flickr.com/photos/rafaelpalomo/.

- Picasa Web Albums. Esta aplicación funciona con una cuenta de Google (la misma cuenta Gmail que utiliza para su blog). Tiene una aplicación para subir fotos de forma masiva.

- Zooomr (http://es.zooomr.com/).

COMPARTIR IMÁGENES

Page 34: Blogs (Blogger)

FORMATOS GRÁFICOS

• En Internet encontramos básicamente tres formatos de imagen:

• El formato “.png” es el que ofrece más posibilidades.

Page 35: Blogs (Blogger)

NORMAS PARA LA INSERCIÓNDE IMÁGENES

• Una imagen extraída de una cámara de fotos es extraordinariamente grande para Internet. Hay que reducir su tamaño (redimensionar) con aplicaciones como GIMP o recortar un trozo de las mismas que nos interese.

• Nombres de archivos. Es importante, cuando demos nombre a los archivos, que sigamos estas reglas:

○ No incluir mayúsculas.○ No incluir eñes, ni vocales con tilde, ni caracteres especiales.○ No incluir espacios en blanco. Si queremos separar dos palabras en el nombre de un archivo es aconsejable emplear el guión bajo.

Page 36: Blogs (Blogger)

• Tipos de videos que podemos incluir (Pere Marques):

– Documentales: muestran de manera sistemática y ordenada información sobre un tema.Ejemplo: los documentales que ofrecen las cadenas de televisión.

– Narrativos: se presenta la información detallada y por orden cronológico de un individuo, hecho histórico, etc.

– Lección monoconceptual: son vídeos de muy corta duración que se centran en presentar un concepto o idea de forma clara y concisa.

– Lección temática: son los clásicos vídeos didácticos adaptados al público al que se va a dirigir.

– Vídeos motivadores: pretenden ante todo impactar, motivar e interesar a los espectadores.

INSERTAR VIDEOS EN BLOGGER

Page 37: Blogs (Blogger)

Páginas para alojar videos en Internet:

• Estos videos podrán después ser enlazados a nuestro blog:

– Youtube (http://www.youtube.com/), por todos conocido.

– Dalealplay (http://www.dalealplay.com/). Puede que sea uno de los servicios en español más populares después de Youtube.

– Tu.tv (http://tu.tv/).

– Vago.tv (http://vago.tv/).

– Yatv (http://www.yatv.com/). Es el portal de alojamiento gratuito de vídeos de Ya.com.

– Vimeo (https://vimeo.com/), permite subir videos en HD (alta definición).

Page 38: Blogs (Blogger)

¿CÓMO INSERTAR EL VIDEO?• Mediante el icono Insertar un vídeo.

• Se nos abre un cuadro de diálogo con las siguientes opciones:

– Subir un archivo desde su equipo. Para ello utilizamos el botón Seleccionar el vídeo para subir, localizamos el vídeo en nuestro equipo y hacemos clic en el botón Subir.

Page 39: Blogs (Blogger)

– Desde YouTube. Escribimos en el cuadro de texto lo que deseemos para buscar vídeos en dicho sitio Web y hacemos clic en el botón con el icono Lupa.

– Mis vídeos de YouTube. Nos aparecen nuestros vídeos subidos, que podemos elegir de la forma anteriormente descrita.

– From your phone. Hay que descargar la aplicación para Android para poder subir los vídeos desde el teléfono móvil.

Page 40: Blogs (Blogger)

• Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones en diversos formatos, que luego quedan almacenadas en formato Flash para ser visualizadas online.

• Es una opción interesante para compartir presentaciones en la Red. Admite archivos de hasta 20 Mb. de peso (sin transiciones entre diapositivas).

• Los formatos admitidos son: ppt y pps, odp y pdf.

INSERTAR PRESENTACIONES

Page 41: Blogs (Blogger)

¿CÓMO INSERTAR LAS PRESENTACIONES?• Acceda a la página (http://www.slideshare.net/) y haga clic sobre Login or Signup.• Una vez que ha entrado con su cuenta haga clic sobre Upload para subir

presentaciones.

• Hay que localizar el archivo a subir en nuestro equipo.• Recuerde que tiene la posibilidad de permitir la descarga de su presentación.• Haciendo clic sobre su nombre de usuario puede: modificar su perfil, editar/borrar

sus presentaciones, etc.

Page 42: Blogs (Blogger)

• Una vez localizada la presentación haga clic en el botón <> Embed. Aparece un cuadro de texto y un botón: Copy. Haga clic sobre él para copiar el código.

• En la entrada de su blog haga clic sobre la pestaña HTML y pegue el texto seleccionado desde SlideShare.

Page 43: Blogs (Blogger)

• Son muchos los tipos de archivos existentes. Es importante conocer algunos de ellos, puesto que conociéndolos podremos abrirlos con un programa adecuado, cambiarlos a un programa que nos resulte útil o simplemente utilizarlos para ver su contenido.

• Es probable que necesitemos ir a páginas en concreto para saber qué tipo de archivo tenemos en nuestras manos. Algunas interesantes son:

– http://es.wikipedia.org/wiki/Formato_de_archivo_inform%C3%A1tico

– http://www.sharpened.net/helpcenter/extensions.php

– http://www.telecentros.info/extensiones/

ENLAZAR ARCHIVOS DIVERSOS

Page 44: Blogs (Blogger)

INCLUSIÓN DE OTRO TIPO DE ARCHIVOS (PDF, MP3, ODT,…)

• En este caso tenemos que optar por subir esos archivos a un servidor y enlazarlos en nuestro blog

• ¿A qué servidor podemos subir archivos? Pues tenemos varias posibilidades:– Si dispone de conexión a Internet en su domicilio es seguro que la compañía

que le da acceso a Internet ponga a su disposición espacio en sus servidores.

– Puede utilizar sitios Web de alojamiento gratuito como http://www.dropbox.com o https://www.cx.com/.

– También puede, haciendo uso de su cuenta con Google, utilizar el espacio que nos ofrece de forma gratuita a través del enlace http://sites.google.com).

Page 45: Blogs (Blogger)

¿Cómo hacerlo desde http://sites.google.com?

• En la parte izquierda de la pantalla verá un botón para crear un sitio web

• Rellenamos nombre del sitio y ubicación.• Una vez dentro de una de las páginas de nuestro sitio web hacemos clic en Añade

archivos.

• Localizamos en nuestro equipo el archivo que desea subir. Una vez subido haga clic con el botón derecho sobre el archivo y, en el menú emergente, seleccionamos la opción Copiar la ruta del enlace.

Page 46: Blogs (Blogger)

• Por último, seleccionamos una palabra o palabras de nuestro blog y pegamos el enlace cuando nos aparezca el cuadro de diálogo para introducir la dirección Web.

Page 47: Blogs (Blogger)

• Un tipo especial de archivos para nuestro blog son los podcast.• Se trata, de “colgar” archivos de audio en el blog con la posibilidad de que

cualquiera pueda suscribirse a vuestro canal de RSS (sistema de redifusión) y bajarse dichos archivos según se suben (como un lector de feed de audio).

• Permite que nos dejen comentarios los visitantes del mismo (algo que no ocurre si los alojamos en otro sitio Web).

• Para hacer un archivo de sonido hay que utilizar un programa que grabe su voz y poder convertirlo en MP3 (AUDACITY, http://audacity.sourceforge.net/?lang=es)

• Para hacer un podcast podemos seguir las instrucciones que nos ofrece en varias páginas Web como:

• 1. “Como hacer un podcast: tutorial paso a paso”: http://www.podcastellano.com/como-hacerpodcast

• 2. “Oír el blog Iniciando: el podcast para hacer tu propio podcast”:http://iniciandopodcast.blogspot.com/

INSERTAR PODCATS

Page 48: Blogs (Blogger)

• Existen programas que permiten publicar podcast, generar el archivo RSS del mismo y subirlo a un servidor:

– Easypodcast: multi-lenguaje (español e inglés) y multi-plataforma: http://www.easypodcast.com/index-es.html

– Poderator (Aplicación online): http://poderator.com/

Page 49: Blogs (Blogger)

• Una vez publicadas las entradas de nuestro blog podemos, en cualquier momento, editarlas, eliminarlas, elegir el número de entradas por página, etc

• Para ello, en la parte de la izquierda del blog, hacemos clic en entradas.

• Con el ratón sobre cualquier entrada podemos editar, visualizar , suprimir.

ADMINISTRACIÓN DE ENTRADAS

Page 50: Blogs (Blogger)

• Podemos elegir elementos para la página denominados “gadget”.

DISEÑO

Page 51: Blogs (Blogger)

• Gadget: mini aplicaciones, diseñadas para proveer de información o mejorar una aplicación o servicios de un ordenador o computadora.

• Por ejemplo, para incluir una imagen en la cabecera del blog sigamos las instrucciones de:

http://avalerofer.blogspot.com/search/label/im%C3%A1genes

Page 52: Blogs (Blogger)

– En fuente elegimos Álbumes web de Picasa.– En opción Álbum (se puede elegir el de un usuario o las imágenes por palabras clave, por

etiquetas).– En Nombre de usuario elegimos el usuario del que queremos añadir una presentación.– Cuando elegimos un usuario nos aparece la lista de álbumes que tiene en Picasa.

Elegimos uno de ellos.– En velocidad escogemos la duración de las imágenes.– Por último hacemos clic en el Guardar.

CREAR UNA PRESENTACIÓN DESDE PICASA

Page 53: Blogs (Blogger)

• Si accedemos a Plantilla tenemos, en la parte superior, la que estamos utilizando. Debajo de ella tenemos el botón Personalizar.

PLANTILLAS DE BLOGGER

Page 54: Blogs (Blogger)

• Wordpress , al contrario que Blogger, no admite la inclusión, por cuestiones de seguridad, de algunas etiquetas HTML que son fundamentales por ejemplo para incrustar actividades interactivas, como es la etiqueta IFRAME (es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal).

ACTIVIDADES INTERACTIVAS

Page 55: Blogs (Blogger)

• Una vez realizada con las herramientas de autor la página Web conteniendo los recursos interactivos hay que alojarla (y los archivos que contenga) en un sitio Web. Puede ser http://sites.google.com.

• Posteriormente, en nuestro blog (en Blogger), en la pestaña Edición de HTML del editor del blog hay que pegar, donde deseemos, el siguiente código:

Page 56: Blogs (Blogger)

• Los parámetros de la etiqueta iframe son los siguientes:

1. src: es la ruta donde se encuentra el archivo que deseo incluir.

2. frameborder: corresponde, en píxeles a la anchura del borde del marco.

3. height y width: corresponden a la altura y anchura del marco. Hay que procurar que estas cantidades no excedan el tamaño del marco que lo contiene.

4. scrolling: corresponde a la barra de desplazamiento. Los tres valores de este parámetro son yes/no/auto. Con "yes" estará siempre visible, con "no" no estará nunca y con "auto“ la tendrá sólo si se necesita.

Page 57: Blogs (Blogger)

• Algunas de ellas son:

– todoblogger: http://www.todoblogger.com/– trucos_BLOGS: http://www.trucosblogs.com/– ciudadblogger: http://ciudadblogger.com/

TRUCOS BLOGGER

Page 58: Blogs (Blogger)

• Invonvenientes: – Que no le guste al usuario. – Se necesita que el navegador disponga de un complemento (plugin)

para su correcta reproducción, como Flash Player, QuickTime, etc.

• La opción más fácil es acudir a sitios Web que tienen almacenadas canciones y copiar el código necesario para su inclusión en nuestro blog:

– Goear (http://www.goear.com/): es un servicio Web2.0 que permite subir y guardar en su servidor archivos de audio.

– Otros sitios similares (http://www.imeem.com)

AÑADIR SONIDO AL BLOG

Page 59: Blogs (Blogger)

¿Cómo insertar la música?1. Buscar la canción.

2. Copiamos el texto que aparece debajo de Inserta esta canción en tu web.

3. Pegamos el texto en nuestro Blog.

Page 60: Blogs (Blogger)

• Otra opción es subir nuestros archivos sonoros a un sitio Web para, una vez subidos, copiar la ruta de dichos archivos y enlazarlos desde nuestro blog. Hay multitud de sitios Web que nos permiten el alojamiento de archivos:

– Dropbox: https://www.dropbox.com/home

– CX: https://www.cx.com/

Page 61: Blogs (Blogger)

AYUDA CON BLOGGER

Page 62: Blogs (Blogger)

FIN