Creación de un blog en blogger

66
Creación de un BLOG Isaac Torralba Villalobos 31-1 y 21-2 de 2011

description

 

Transcript of Creación de un blog en blogger

Page 1: Creación de un blog en blogger

Creación de un BLOG

Isaac Torralba Villalobos31-1 y 21-2 de 2011

Page 2: Creación de un blog en blogger

Las primeras bitácoras en línea, conocidas popularmente como blogs, aparecieron hace más de diez años en Internet. En sus orígenes fueron un concepto novedoso y parte importante de la Web 2.0, donde los usuarios cambiaron su rol de “lectores” o “espectadores” para comenzar a transformarse en generadores de contenido, ya sea publicando información o brindando su opinión. 

En el concepto original de los blogs estaba el espíritu de bitácora personal, donde las personas usaban este espacio como un diario personal en línea.

Historia

ItvSoft

Page 3: Creación de un blog en blogger

HistoriaEl éxito que comenzaron a tener los blogs, hizo que casi todos los usuarios hayan abierto su blog, principalmente con un fin informativo, encontrando en los blogs un lugar muy interesante para poder acercar sus puntos de vista y gustos a todo el mundo que los quisiera leer.  

A partir de los blogs, se hizo posible difundir información de una manera más sencilla y popular.

Con la llegada de la Web 3.0 y el exponencial éxito de las redes sociales, muchos pensaron que los blogs tenían sus días contados.

Sin embargo, los blogs han sabido adaptarse al cambio y se muestran vigorosos, con nuevas funciones de integración para las redes sociales, ofreciendo hoy en día una opción muy interesante para los usuarios que desean participar en Internet de manera activa.

ItvSoft

Page 4: Creación de un blog en blogger

Blogger y WordPressBlogger (http://www.blogger.com/) es un sistema que nació en 1999, y en el año 2003 es adquirida por Google.

En el 2004, Google relanza Blogger, con varios cambios interesantes.

Hoy en día, esta plataforma es una de las más utilizadas, ya que ofrece blogs gratuitos, con múltiples posibilidades (ofrecidas por blogger o las que se pueden encontrar en sitios externos)

Cabe destacar que junto con el servicio, blogger nos ofrece el espacio para poder almacenar todo lo que contiene nuestro blog, desde la plantilla, los textos y las imágenes.

Todo de manera gratuita. 

ItvSoft

Page 5: Creación de un blog en blogger

Blogger y WordPressLa alternativa más popular a Blogger es WordPress, y aquí vale la pena hacer algunas aclaraciones importantes sobre lo que ofrece y sus características. 

es.wordpress.com, es un sitio que nos permite registrarnos de manera gratuita para tener nuestro blog y el hospedaje de los archivos que lo componen.

El verdadero potencial de WordPress lo encontrarán los desarrolladores Web, ya que este sistema puede ser descargado de manera gratuita desde es.wordpress.org, para ser instalado libremente en un servidor Web.

ItvSoft

Page 6: Creación de un blog en blogger

Blogger y WordPressBlogger siempre estará en la Web. Sin embargo, WordPress estaría en un servicio de hospedaje aparte y deberíamos instalarlo, contando con los conocimientos que requiere el caso.

Sin embargo, los beneficios son muchos para los desarrolladores, porque el nivel de personalización es muy alto, logrando resultados de gran calidad profesional. 

Sabiendo lo que hay en el mercado, elegimos Blogger como plataforma de introducción para tener nuestro blog gratuito.

Sin embargo, recomendamos para los profesionales del diseño y desarrollo Web, observar lo que ofrece wordpress.org, como una alternativa de gran potencial para sus desarrollos. 

ItvSoft

Page 7: Creación de un blog en blogger

Primer paso: Crear una cuentaPara comenzar a utilizar Blogger, primero entraremos en

Cuando entramos en Blogger, nos invitan a crearnos un blog con el lema: "Crea un blog. Es gratuito“.

Pero antes convendría realizar una visita rápida, como nos indican con un enlace en la parte inferior, para conocer de qué va esto.

ItvSoft

https://www.blogger.com/start?hl=es

Page 8: Creación de un blog en blogger

Primer paso: Visita rápida I

Page 9: Creación de un blog en blogger

Primer paso: Visita rápida II

Page 10: Creación de un blog en blogger

Primer paso: Visita rápida III

Page 11: Creación de un blog en blogger

Primer paso: visita rápida IV

Page 12: Creación de un blog en blogger

Primer paso: Visita rápida V

Page 13: Creación de un blog en blogger

A continuación, si no tenemos cuenta en Google. hacemos clic en el botón de color naranja Comenzar para empezar esta aventura.

En el caso que ya contemos con una cuenta de otros productos Google, por ejemplo de Gmail, lo más sencillo será introducir nuestro usuario y contraseña en las casillas que están arriba a la derecha, donde dice “Acceda con su cuenta de Google”.

ItvSoft

No hace falta tener una cuenta en Google, pero conviene tenerla si queremos acceder a todas sus herramientas, que son las más utilizadas en la Web, y para ello hay que rellenar un formulario. 

Primer paso: Nuevo blog

Page 14: Creación de un blog en blogger

Primer paso: Nuevo blogEn todo caso, podemos crear un blog. Para ello crearemos una cuenta en Google, para lo cual tendremos que completar el primer formulario que nos aparece con el siguiente encabezamiento:

ItvSoft

Page 15: Creación de un blog en blogger

Primer paso: Crear una cuentaEn este formulario hay que incluir lo siguiente: 

Una cuenta de correo electrónico existente, que tendremos que repetir en el siguiente campo de texto. Aquí se escribe la dirección completa de la cuenta. Una contraseña escrita dos veces para evitar errores. Tiene que incluir ocho caracteres como mínimo, y puede verificarse su fortaleza, es decir, su calidad como contraseña, haciendo clic en el enlace correspondiente. Su fecha de cumpleaños, con el formato DD/MM/AAAA (por ejemplo, "20/02/2011") El nombre que aparecerá como autor del blog y de los artículos. Se puede optar por un apodo o nickname, o por nuestro nombre real. Una verificación, que consiste en escribir las letras que aparecen en una pequeña imagen, lo cual se hace para evitar que se creen cuentas automáticamente. Activar la casilla de aceptación de las condiciones. Conviene leer estas "Condiciones del servicio de Blogger", que muchos encuentran abusivas. Hacemos clic en la flecha Continuar, y continuamos con el siguiente paso.

Primer paso: Nuevo blogEn este formulario hay que incluir lo siguiente: 

ItvSoft

Page 16: Creación de un blog en blogger

Una vez hallamos iniciado una sesión (con una cuenta nueva o con una existente), entre las alternativas que se nos presentan en pantalla, hacemos clic en “CREAR BLOG”. 

ItvSoft

Primer paso: Nuevo blog

Page 17: Creación de un blog en blogger

Acto seguido veremos una nueva pantalla como la siguiente en la que asignaremos un nombre a nuestro blog:

Segundo paso: Crear el blog

Page 18: Creación de un blog en blogger

Simplemente escribiremos un nombre para nuestro blog, que podremos cambiar más tarde, y le asignaremos una dirección de internet, que no conviene cambiar más adelante ya que podríamos perder lectores. Es importante que la dirección (también llamada URL) sea corta y siempre con letras minúsculas, sin caracteres especiales como tildes, guiones o eñes, y sin huecos. La dirección suele ser el nombre del blog o el nombre del autor, pero se puede poner lo que se quiera. Esta dirección llevará el dominio “blogspot.com”, por ejemplo:  

Pero antes de continuar hay que hacer clic en el enlace que dice Comprobar la disponibilidad para ver si ese nombre ya está elegido por otro usuario; y suele ocurrir con frecuencia que ya esté utilizado, así que hay que aguzar el ingenio. Si ocurre esto, nos avisan con la frase: Lo sentimos, esta dirección del blog no está disponible. Además se nos pedirá una verificación de la palabra, que son unos caracteres algo movidos que impiden la creación de blog de forma automática.

Segundo paso: Crear el blog

http://isaac.blogspot.com. 

Page 19: Creación de un blog en blogger

Tras pulsar en “CONTINUAR”, elegiremos una plantilla, que es el diseño general del blog. Si encontramos una que nos guste podemos seleccionarla, de lo contrario podemos elegir la que más se adecue a nuestras necesidades momentáneamente y cambiarla posteriormente. 

Tercer paso: Plantilla del blog

ItvSoft

Page 20: Creación de un blog en blogger

Pulsamos en “CONTINUAR” y ¡listo! Si toda ha ido bien, después de elegir nuestra plantilla ya tendremos creado nuestro blog y podremos comenzar a llenarlo de contenidos 

Tercer paso: Listo

ItvSoft

Page 21: Creación de un blog en blogger

1. Crea un blog en Blogger con el nombre y los datos que quieras.

Ejercicio

Page 22: Creación de un blog en blogger

1. La forma más sencilla es ir a la página principal de Blogger, y allí nos presentan un pequeño formulario con un campo de texto y otro de contraseña. En el primero escribimos nuestro nombre de usuario, en este caso nuestra cuenta de Google o la dirección completa de la cuenta de correo con que registramos nuestro blog. Cuando hagamos clic en el enlace Acceder, llegaremos a nuestro Escritorio del blog.

Quinto paso: Acceder al blogUn problema muy común entre los principiantes es que no saben

acceder a su nuevo blog. Se puede acceder de dos formas:

Page 23: Creación de un blog en blogger

En este caso, aparecerán unos enlaces en la parte superior del blog. Hay que hacer clic en Acceder, que está en la parte derecha.

Entonces llegaremos a la página principal de Blogger para incluir nuestros datos (igual que el apartado 1).

Quinto paso: Acceder al blog2. Escribiendo la dirección completa del nuevo blog como, por

ejemplo:http://claseisaac.blogspot.com

Page 24: Creación de un blog en blogger

Quinto paso: Acceder al blogPosteriormente hay que hacer clic en el enlace Escritorio, y

entraremos directamente a nuestro blog. 

Y encima de ella veremos la barra de Blogger, con la que podremos entrar a la parte de la Adminsitración a escribir una Nueva Entrada en el blog o a personalizar el Diseño, además de otras funciones.

Los visitantes verán el nuevo blog escribiendo su dirección o URL en la barra de direcciones de su navegador. Pasados unos días, después de que los buscadores hayan tenido tiempo para rastrear el nuevo blog, también se podrá acceder a él simplemente escribiendo el nombre del blog en el buscador.

Para terminar esta sección, diremos que un usuario puede crearse más de un blog en Blogger, y cuando se acceda al Escritorio o panel de control, aparecerán allí todos nuestros blogs.

Page 25: Creación de un blog en blogger

Y encima de ella veremos la barra de Blogger, con la que podremos entrar a la parte de la Administración a escribir una Nueva Entrada en el blog o a personalizar el Diseño, además de otras funciones.

Los visitantes verán el nuevo blog escribiendo su dirección o URL en la barra de direcciones de su navegador. Pasados unos días, después de que los buscadores hayan tenido tiempo para rastrear el nuevo blog, también se podrá acceder a él simplemente escribiendo el nombre del blog en el buscador.Para terminar esta sección, diremos que un usuario puede crearse más de un blog en Blogger, y cuando se acceda al Escritorio o panel de control, aparecerán allí todos nuestros blogs.

Quinto paso: Acceder al blog

Page 26: Creación de un blog en blogger

1. Accede a tu blog. 2. Prueba a crear otro blog distinto.

Ejercicio

Page 27: Creación de un blog en blogger

Presionando el botón “EMPEZAR A PUBLICAR” aparecerá una ventana que es la que encontraremos cada vez que deseemos agregar nuevas entradas en nuestro blog, por lo cual es importante conocer todo lo que nos ofrece. En primer lugar podremos establecer el título de la entrada.

En el bloque que se ubica en el medio, irá el contenido, al cual le podremos aplicar formato, estilos de texto, colores y demás, incluso tenemos la posibilidad de verificar la ortografía. También contamos con la opción de incluir videos e imágenes. 

Sexto paso: Añadir entradas

Page 28: Creación de un blog en blogger

Sexto paso: Añadir entradasSi nos fijamos, arriba y la derecha de esta barra, tenemos dos

pestañas. Por defecto estará activada “Redactar” que es la que nos mostrará una vista previa de lo que estamos utilizando. Es ideal para los usuarios que no son avanzados.

Si ya conocemos la plataforma y nos animamos a modificar aspectos del código, podremos optar por elegir la solapa “Edición de HTML”. 

Otras alternativas que podremos indicar son las etiquetas, es decir, las palabras o frases que relacionan los contenidos. Básicamente funcionan como un marcador, donde al etiquetar un elemento se crea un enlace.En este caso, cuando esté publicado el contenido, ese enlace hace que se muestren todas las entradas relacionadas con esa etiqueta. 

ItvSoft

Page 29: Creación de un blog en blogger

Si hacemos clic en “Opciones de entrada” se desplegarán varias alternativas, entre ellas, la posibilidad de permitir (o no) comentarios de quienes visitan el blog, programar la publicación de la entrada que estamos escribiendo para una fecha y hora determinada y otras características que tienen que ver con el manejo de código HTML. 

ItvSoft

Sexto paso: Añadir entradas

Page 30: Creación de un blog en blogger

Como muestra os pongo una nueva entrada que estará programada para aparecer el próximo día 1 de Marzo de 2011 a partir de las 9 de la mañana.

ItvSoft

Sexto paso: Añadir entradas

Page 31: Creación de un blog en blogger

1. Crea dos entradas.Una de ellas será publicada ahora mismo. La segunda debe de estar programada para que se abra dentro de un mes.

Ejercicio

Page 32: Creación de un blog en blogger

En la imagen de abajo os muestro las opciones que aparecen a la hora de añadir o modificar una entrada.

Los botones para formatear el texto que aparecen en la barra superior del editor son parecidos a otros que se manejan en editores 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. Los únicos botones que pueden ser menos habituales en un procesador de textos son los de incluir enlaces, imágenes, elementos multimedia, etc.

ItvSoft

Sexto paso: Edición avanzada 1

Page 33: Creación de un blog en blogger

La entrada de blog o post, según el término inglés muy extendido, consiste en los siguientes elementos, que pueden verse en la siguiente imagen numerados encima del lugar apropiado:

ItvSoft

Sexto paso: Edición avanzada 2

Page 34: Creación de un blog en blogger

1. Título de la entrada. Es importante no olvidarse de escribir un título, porque si no, a los lectores les resultará difícil identificar la entrada.

2. El editor, compuesto por una parte visual bajo la pestaña Redactar, y la parte de código fuente bajo la pestaña Edición de HTML.

3. El editor visual está compuesto de una barra superior de botones para formatear el texto y para incluir elementos multimedia.

4. Texto de la entrada, que puede ir acompañado de elementos multimedia e interactivos.

5. Las etiquetas de esta entrada, que consisten en palabras o expresiones separadas por comas que definen y clasifican las entradas. Estas etiquetas, las podemos incluir en el lateral del blog mediante el gadget llamado Etiquetas para que los lectores lean las entradas que las incorporan. Si hacemos clic en el enlace Mostrar todo, se verán todas las etiquetas del blog.

6. Las Opciones de entrada nos abren otra sección del editor donde se pueden permitir o no los comentarios de los lectores o los vínculos, y donde se puede modificar la fecha y hora de la entrada.

7. Por último, la entrada se publica o se guarda sin publicar pulsando los enlaces correspondientes de la parte inferior que tienen fondos rojo y azul. Recientemente se ha añadido el botón Vista previa, que permite una visión exacta de cómo quedará la entrada o la página una vez publicadas.

ItvSoft

Sexto paso: Edición avanzada 3

Page 35: Creación de un blog en blogger

Se puede agrandar el editor arrastrando su esquina inferior derecha, como es lo normal en otros editores.

La vista previa tiene un botón propio debajo del editor, y ahora se puede ver perfectamente cómo va a quedar la entrada una vez publicada.

Hay un botón nuevo, el de corrección ortográfica, y otro que aún está en la versión de pruebas, y que sirve para Definir/traducir, según leemos en la etiqueta que se ve al poner el cursor del ratón encima del icono. Se trata de una opción muy interesante que se puede usar como diccionario y traductor en varios idiomas usada en la Web por su claridad.

ItvSoft

Sexto paso: Edición avanzada 4

Page 36: Creación de un blog en blogger

Cuando nuestra entrada está lista, debemos pulsar el botón “PUBLICAR ENTRADA” para que se publique en el momento o en la fecha que hayamos establecido en las opciones de esta entrada.

Si todo ha salido bien, un cartel nos indicará que la entrada ha sido publicada y nos brindará el enlace para poder verla. 

ItvSoft

Sexto paso: Edición avanzada 5

Page 37: Creación de un blog en blogger

Podemos pinchar sobre “Matemáticas (1)” (en el lado izquierdo) o en “Todas” (parte central) para ver la lista de las entradas que tengamos.

Si la entrada no hubiese sido programa, nos aparecería una pantalla como la siguiente, tras haber publicado dicha entrada.

ItvSoft

Sexto paso: Edición avanzada 6

Page 38: Creación de un blog en blogger

Si pinchamos en “Ver entrada” nos aparecerá una vista preliminar de la entrada que acabamos de publicar.

De manera predeterminada la plantilla de

nuestro blog puede tener

algunos Widgets o

Gadget incorporados,

como por ejemplo el de

seguidores y el archivo del

blog. 

Sexto paso: Edición avanzada 7

Page 39: Creación de un blog en blogger

1. Modifica las dos entradas que creaste antes.Ejercicio

Page 40: Creación de un blog en blogger

El procedimiento para la inserción de enlaces es el siguiente:1. Primero tenemos que destacar el texto que irá enlazado. Para ello, arrastramos el puntero del ratón mientras apretamos el botón izquierdo. 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:

Se ItvSoft

Sexto paso: Enlaces 1

Page 41: Creación de un blog en blogger

Se abrirá un marco en el que hay que escribir la Dirección web del enlace o URL, como se muestra en la imagen anterior. 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.

Las dos pestañas superiores del editor muestran el contenido de la entrada de distinta forma:En la parte de la pestaña Redactar se muestra el texto ya formateado con el editor visual, y tal como aparecerá en la entrada una vez publicada.En la parte de la pestaña Edición HTML se muestra el código fuente del texto tal y como queda con el lenguaje HTML. La edición en HTML se reserva para las personas que conocen este lenguaje. Como ejemplo, podemos ver cómo queda el enlace a Google que hemos realizado antes si abrimos la pestaña del código fuente:

Buscador <a href="http://www.google.es">Google</a>ItvSoft

Sexto paso: Enlaces 2

Page 42: Creación de un blog en blogger

Sin embargo, una de las grandes ventajas de los blogs de Blogger es que permiten que se inserten muchos códigos utilizados en aplicaciones cuyos productos podemos incrustar en el blog.

Los botones para formatear el texto que aparecen en la barra superior del editor son parecidos a otros que se manejan en editores 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. Los únicos botones que pueden ser menos habituales en un procesador de textos son los de incluir enlaces, imágenes, elementos multimedia, etc.

Puedes ver un video de cómo crear enlaces desde Blogger en la siguiente dirección:

ItvSoft

Sexto paso: Enlaces 3

http://www.youtube.com/watch?v=JTdnYgbnQW4

Page 43: Creación de un blog en blogger

1. Modifica las entradas creadas anteriormente añadiéndoles enlaces a distintos recursos.

Pon enlaces a Google, YouTube, Goear, etc.

Ejercicio

Page 44: Creación de un blog en blogger

Si queremos insertar una imagen, hacemos clic en el icono de añadir imagen, destacado con un círculo rojo en la siguiente imagen:

Y entonces aparece una ventana emergente, como se ve en la siguiente imagen, donde tenemos un menú a la izquierda que nos permite elegir una imagen desde nuestro blog, desde uno de nuestros álbumes de Picasa o desde un documento Web con su dirección URL. Muchos no saben que cada vez que incluimos una imagen en nuestro blog, queda guardada automáticamente en un álbum de Picasa que lleva el nombre de nuestro blog.

ItvSoft

Sexto paso: Imágenes 1

Page 45: Creación de un blog en blogger

En principio, lo más habitual es subir la imagen desde nuestro disco duro, que es la opción inicial:

ItvSoft

Sexto paso: Imágenes 2

Page 46: Creación de un blog en blogger

1. Primero, pulsamos el botón Elegir archivos para buscar la imagen en nuestro disco duro.

2. Una vez subida la imagen, aparece en tamaño pequeño. Para incluirla en el editor del blog podemos hacer doble clic sobre ella o pulsamos el botón Añadir imágenes seleccionadas.

ItvSoft

Sexto paso: Imágenes 3

Page 47: Creación de un blog en blogger

Cuando hacemos clic en la imagen, aparece junto a ella una etiqueta superpuesta de color azul que incluye las opciones, como podemos ver en la siguiente imagen:

Haciendo clic en las opciones, podemos elegir el tamaño que queramos para la imagen, y también podemos alinearla en el documento. Si la alineamos a la izquierda o a la derecha de un párrafo, conviene que la imagen sea pequeña para que no quite mucho espacio al texto. Pero, por lo general, lo más aconsejable es centrar las imágenes en el documento. Por último, está la posibilidad de incluir un texto como pie de foto en la opción Añadir leyenda.

Cuando una imagen se inserta dentro de una entrada del blog, el editor la reduce, y permite elegir entre cuatro tamaños, además del tamaño original. Casi siempre es aconsejable dejarla al tamaño original si ya la hemos ajustado con un programa adecuado antes de subirla. Si el tamaño es mayor que el de la imagen, ésta se ve un tanto borrosa y pixelada, con lo cual es mejor elegir un tamaño más reducido. ItvSoft

Sexto paso: Imágenes 4

Page 48: Creación de un blog en blogger

Además, hay que tener cuidado porque el tamaño Extra grande crea imágenes que puede que no se vean enteras si superan la anchura del diseño de la entrada, o pueden invadir el lateral del blog.

Si queremos personalizar el tamaño a nuestro gusto, podemos acudir al código fuente.

He comprobado que para ello primero hay que dejar la imagen con un tamaño mayor que el que tiene entre los cuatro que se pueden elegir; por ejemplo el Extra grande, pues si no, queda pixelada. Y después vamos al código HTML de la imagen y modificamos sus atributos width(anchura) y height (altura), como se ve en el siguiente código, que corresponde a la imagen anterior cuyo pie de página es "Imagen añadida al editor":

ItvSoft

Sexto paso: Imágenes 5

<img border="0" height="260“ src="http://2.bp.blogspot.com/_DCco/S1RPI/AAlk/p2m

Aps/s640/subir_imagen2.jpg" width="528" />

Page 49: Creación de un blog en blogger

Lo bueno del editor es que si incluimos una imagen demasiado grande, la reduce al insertarla en el editor, pero se puede ver en su tamaño original haciendo un clic sobre la imagen. En este caso, la imagen se abre en la misma ventana, con la consiguiente molestia de tener que volver a la página anterior para seguir leyendo la entrada.

De todas formas, si la imagen que tenemos es muy grande, lo mejor puede ser recortarla o reducirla con programas de retoque fotográfico o con servicios web como Picnik, que resultan muy cómodos y útiles.

 

Otras aplicaciones web pueden solucionar un error muy habitual en los blogs, que es incluir muchas imágenes grandes en una entrada, lo que ralentiza la carga de la página y recarga el contexto de forma molesta para el lector.

Una solución suele ser la de insertar un reproductor de pase de diapositivas como los que proporcionan los servicios web de alojamiento de imágenes Flickr y Álbunes Picasa.

ItvSoft

Sexto paso: Imágenes 6

http://www.picnik.com

Page 50: Creación de un blog en blogger

En otros casos, las diapositivas pueden mostrarse en forma de vídeo, como lo puede hacer fácilmente usando la aplicación Picasa.

Puedes ver un video de cómo crear enlaces desde Blogger en la siguiente dirección:

ItvSoft

Sexto paso: Imágenes 7

http://www.youtube.com/watch?v=kDhgx3eMOPE

Page 51: Creación de un blog en blogger

1. Modifica las entradas creadas anteriormente añadiéndoles imágenes, con distintos tamaños, posiciones, etc

2. Prueba a crear enlaces en las imágenes.

Si no tienes imágenes en tu equipo o no sabes buscarlas, cojelas de Google, en el apartado imágenes.

Ejercicio

Page 52: Creación de un blog en blogger

Los elementos multimedia están adquiriendo gran importancia en la Web debido a la mejora técnica y a la mayor rapidez de las conexiones a Internet. En el campo de la enseñanza en concreto, sus posibilidades son ilimitadas, aunque el medio todavía es bastante nuevo como para poder decir que las cosas están claras en este campo.

Muchos docentes están ahora investigando en el ámbito multimedia para dotar a sus actividades docentes de contenido fundamentado en vídeos, audio e imágenes además de en el trabajo con códigos de programación y aplicaciones que ofrecen todo tipo de interactividad.

En Blogger se pueden incluir muchos elementos multimedia, como en otros gestores de contenido, y para que estos vídeos o audios se vean y se oigan en los blogs generalmente el usuario tiene que tener instalado en su navegador unos complementos o plugins de Flash y de Java que permiten la visión o audición de estos elementos. Esto en sí supone un problema, porque no todos los navegadores los tienen incorporados, aunque sí la mayoría.

ItvSoft

Sexto paso: Multimedia 1

Page 53: Creación de un blog en blogger

En principio podemos trabajar a gusto con la multimedia sabiendo que casi todos los usuarios podrán beneficiarse de estas nuevas tecnologías.

Generalmente, los gestores de blogs, es decir, las aplicaciones que como Blogger nos permiten crear blogs o bitácoras, tienen incorporadas algunas opciones con las que introducir el código necesario en nuestro blog para enlazar un vídeo u otros elementos multimedias.

Vamos a ver cuáles son los pasos que se siguen habitualmente para realizar esto, y lo haremos con un ejemplo para traer un vídeo de YouTube y publicarlo en nuestro blog.

ItvSoft

Sexto paso: Multimedia 2

Page 54: Creación de un blog en blogger

ItvSoft

Sexto paso: Multimedia 3Vamos a ver cuáles son los pasos que se siguen habitualmente para

realizar esto, y lo haremos con un ejemplo para traer un vídeo de YouTube y publicarlo en nuestro blog.

Page 55: Creación de un blog en blogger

ItvSoft

Sexto paso: Multimedia 41. Vamos a la página donde se publican los vídeos; en este caso,

YouTube. Elegimos un vídeo que nos guste y hacemos clic encima de él para ir al documento individual donde aparece ese vídeo.

2. Allí veremos, debajo del vídeo, el enlace Insertar. Si hacemos clic en él, se abre un recuadro que incluye el código HTML del vídeo y una serie de opciones para personalizar el código eligiendo el color y el tamaño del reproductor, entre otras cosas. Ahora tenemos que realizar lo siguiente: hacemos clic encima de ese recuadro, y el código se marcará si no estaba ya marcado. Después, sin mover el cursor de allí, hacemos clic en el botón derecho del ratón y elegimos la opción que nos permite copiar ese código en la memoria del sistema.

3. Por último, abrimos una nueva entrada en nuestro blog, y pegamos el código en la parte de Edición de HTML del editor de textos.

Page 56: Creación de un blog en blogger

ItvSoft

Sexto paso: Multimedia 5Si vemos el vídeo desde la sección Redactar del editor, nos aparecerá

un cuadro con la palabra OBJECT, pero si lo vemos haciendo clic en la Vista previa, apreciaremos cómo quedará insertado en nuestra entrada del blog.  

Otra página web de donde podemos descargarnos vídeos de calidad es Dailymotion. Cuando elegimos un vídeo de este servicio, debajo del reproductor hay un campo de texto titulado "embed code". Allí tenemos el código object que hay que copiar y pegar en el editor de nuestro blog.

Page 57: Creación de un blog en blogger

1. Modifica las entradas creadas anteriormente añadiéndoles imágenes, con distintos tamaños, posiciones, etc

2. Prueba a crear enlaces en las imágenes.

Si no tienes imágenes en tu equipo o no sabes buscarlas, cojelas de Google, en el apartado imágenes.

Ejercicio

Page 58: Creación de un blog en blogger

En otros casos, las diapositivas pueden mostrarse en forma de vídeo, como lo puede hacer fácilmente usando la aplicación Picasa.

Puedes ver un video de cómo crear enlaces desde Blogger en la siguiente dirección:

ItvSoft

Sexto paso: Videos 1

http://www.youtube.com/watch?v=kDhgx3eMOPE

Page 59: Creación de un blog en blogger

1. Modifica las entradas creadas anteriormente añadiéndoles imágenes, con distintos tamaños, posiciones, etc

2. Prueba a crear enlaces en las imágenes.

Si no tienes imágenes en tu equipo o no sabes buscarlas, cojelas de Google, en el apartado imágenes.

Ejercicio

Page 60: Creación de un blog en blogger

Roa multimedia, excelente blog donde José Mª Campo informa de manera práctica sobre toda la multimedia que se puede incluir en un blog.

El balcón abierto, blog de Ángel Puente sobre todo tipo de multimedia en los blogs.

Edubloki, wiki de Lourdes barroso, que ha realizado varios vídeotutoriales en susobre distintas herramientas multimedia. Con eso tenemos para entretenernos un rato.

La división de las entradas en el blog.Insertar álbumes de Flickr en el blogInsertar álbumes de Picasa en el blog. Embedit.in

ItvSoft

Sexto paso: Enlaces de interés

Page 61: Creación de un blog en blogger

Cómo crear un blog en BloggerPrácticamente todo puede ser personalizable en Blogger. Desde el

panel de Blogger, en la solapa “Configuración” podremos cambiar el título, agregar una descripción, permitir que los buscadores encuentren nuestro blog y definir si el blog tendrá contenido para todo público o sólo para los seguidores de nuestro blog, entre muchas otras opciones. Desde aquí,

además de lo básico también podremos establecer opciones para el correo electrónico, el móvil, comentarios, manejo de Feeds RSS, permisos y mucho más.

Page 62: Creación de un blog en blogger

Cómo crear un blog en BloggerOtra alternativa muy útil la encontramos en la solapa “Diseño”.

Aquí podremos definir el modo en que se mostrarán los elementos en el blog, definiendo su ubicación, contando con la posibilidad también de editarlos para indicar preferencias.

ItvSoft

Page 63: Creación de un blog en blogger

Cómo crear un blog en BloggerAlgo que le agrega mucha potencia a esta ventana es la posibilidad de

agregar o modificar la configuración de los Gadgets. De esta manera, esta ventana nos permite incorporar nuevas funcionalidades a nuestro blog y, a su vez, personalizarlas.

ItvSoft

Page 64: Creación de un blog en blogger

Cómo crear un blog en BloggerOtra alternativa que nos puede resultar muy útil, es que desde esta

ventana contamos con la posibilidad de acceder a “Diseñador de plantillas”.

Desde allí podremos modificar la plantilla, sus tipografías y sus colores.

Además podremos dimensionar el ancho, modificar el diseño del cuerpo del blog y también el del pie de página. 

ItvSoft

Page 65: Creación de un blog en blogger

Cómo crear un blog en Blogger

ItvSoft

Page 66: Creación de un blog en blogger

Cómo crear un blog en Blogger

Como podemos ver, Blogger es una plataforma que nos ofrece una excelente variedad de opciones para poder montar nuestro blog en pocos pasos y con gran facilidad.

ItvSoft