construye tu blog con blogger sample

Construye tu Blog con Blogger.

Bienvenido a este manual que tiene como propósito ilustrar los pasos a seguir para crear un blog usando el servicio de Blogger, pero no solo veremos como crearlo, también estudiaremos como configurar algunas de las opciones que ofrece Blogger para tener un blog más funcional. Otro punto que tocaremos será el incrustar presentaciones en línea, así como video, para enriquecer nuestro blog y hacerlo más atractivo. También veremos cómo colocar archivos de diferentes tipos (pdf, doc, ppt, xls, etc.) haciéndolos disponibles para quienes deseen descárgalos esto lo haremos a través del servicio Box. Para terminar estudiaremos cómo instalar un contador de visitas a nuestro blog para saber que tan popular es en Internet e implementaremos el servicio de Google Analytics para analizar el comportamiento de nuestros visitantes.

Franco Utrera

2 Construye tu Blog con Blogger.

Contenido.

Presentación…………………………………………………............

3

Introducción………………………………………………................ 5

Antes de comenzar………………………………………………… 6

Capítulo 1. Creando, editando y administrando nuestro blog………………

7

Creación del blog en Blogger………………………………………. 7 Creación de entradas, escribiendo el contenido…………………….. 10 Opciones de edición de la entrada………………………………….. 11 Etiquetas de la entrada……………………………………………... 12 Configurando nuestro blog………………………………………… 13

Capítulo 2. Enriqueciendo nuestro blog con presentaciones y video en línea………………………………………………………………..

18

Añadiendo presentaciones en línea a nuestras entradas……………... 18 Añadiendo video desde Youtube a nuestro Blog…………………… 23

Capítulo 3. Compartiendo archivos desde nuestro blog……………………..

25

Compartiendo archivos en nuestro blog a través de Box…………… 25 Compartiendo carpetas de archivos en nuestro blog………………... 30

Capítulo 4. Midiendo nuestro éxito…………………………………………...

32

Implementación de un contador de visitas…………………………. 32 Analizando nuestras visitas………………………………………… 38 Directorio de servicios Web………………………………………... 44 Sobre el autor………………………………………………………. 45


Presentación.

Conocí los blogs hace ya 4 años, específicamente a mediados del 2005, mi primer experimento con ellos se llamo e-deas y aún lo mantengo disponible en e-deas.blogspot.com, muy pronto sufrí lo que mucho otros “bloggers” (gente que escribe blogs) padecen, la dificultad para subir contenido interesante, siempre que comienzas a escribir lo haces muy animado pero conforme avanzas en este terreno lo más complicado es permanecer. En ese entonces me absorbieron otras actividades y poco a poco mi blog fue cayendo en el olvido hasta marchitarse, aún así lo he mantenido en línea tal vez por cuestiones de melancolía, aunque ya no lo actualizo. Ese primer blog lo construí en Blogger que es un servicio gratuito propiedad de Google, y hasta la fecha es la plataforma de administración de blogs que uso, ya que se me hace muy práctica.

A finales del 2007 estaba por concluir la Maestría en Gerencia Administrativa, dentro de este curso generábamos gran cantidad de productos académicos como ensayos, mapas mentales, entre otros y pensé “creo que al menos por tres meses podre tener contenido digno de publicarse” así cree mi segundo blog llamado homoempresarius.blogspot.com el cual aún tengo vigente y en el puedes encontrar mis ensayos académicos. Pero este segundo intento de llevar un blog no estaría exento de tener la mima suerte que el primero, en marzo del 2008 abandone este blog por las mismas circunstancias que abandone el primero y ya habiendo concluido con la maestría la fuente de contenido se había secado.

Es hasta Octubre del 2008 cuando retomo homoempresarius, esto se debió a un efecto muy interesante, durante los 7 meses que deje el blog este creció en visitas hasta acumular alrededor de 3,000 visitantes.

Mi pregunta fue ¿cómo era posible que un blog abandonado pudiera seguir teniendo visitantes?, algunos meses más adelante obtuve mi respuesta, el número de visitas se debía a que uno de los ensayos que escribí tuvo mucho éxito entre mis visitantes y se podía encontrar a través de Google, este era el motivo por el cual mi blog tenía ese número de visitas.

El ensayo se llama “La administración y sus perspectivas” imaginen mi sorpresa al ver que si tu escribes este título en Google, el blog homoempresarius aparece en primer lugar, para mi fue algo sorprendente y una de la razones por las que seguí escribiendo en el blog.

Cabe señalar que esto lo supe ya que utilice el servicio de Google Analytics (este servicio se describe brevemente y de manera práctica para implementarlo en este manual), gracias a este servicio, gratuito, pude monitorear mis contenidos y ver que incluso en Colombia y en Venezuela el blog era visitado de manera constante.

Una de las ventajas que encontré en el servicio Blogger es que al ser una herramienta propiedad de Google, el contenido que subes es indexado


automáticamente y puede ser encontrado a través del buscador más popular de Internet, lo cual representa una enorme ventaja.

Otra de las experiencias que tuve con los blogs se dio a principios del 2008, en ese tiempo me asignaron un par de clases en la Universidad del Caribe en Cancún, México; estas clases eran Taller de Cómputo e Internet en los negocios internacionales. Al momento de planear la manera de impartir estas asignaturas decidí llevar los blogs al salón de clases, con la ventaja, de que trabajaríamos durante 16 semanas en los laboratorios de cómputo 3 horas a la semana repartidas en 2 días.

El procedimiento fue el siguiente cree un blog especial para esto el cual llamé homo-digitalis.blogspot.com en este blog yo les publicaría a los muchachos las actividades a realizar y les pondría el material que usaríamos para la clase, además de que al final de cada clase me dejaran un comentario sobre sus impresiones del tema. Por otro lado yo les daría a los muchachos una pequeña capacitación para crear su blog en el cual ellos subirían todos los trabajos y actividades que realizáramos dentro y fuera de la clase.

Les puedo decir que esa primera experiencia con los blogs en el salón de clases fue muy enriquecedora para ambas partes. Posteriormente solo me quede con una asignatura la de Internet en los negocios internacionales la cual he impartido durante año y medio. Para llevar esta materia construí un blog más, llamado homodigital.blogspot.com, en reemplazo del mi experimental homo-digitalis, homodigital es el blog que tiene la mayor evidencia de mi labor docente en la asignatura de Internet en los negocios internacionales.

La experiencia que hemos tenido con esta particular forma de llevar las clases ha sido muy positiva y ha existido mucha retroalimentación entre el docente y lo alumnos. De hecho el manual que hoy tienes en tus manos es el resultado de toda esta experiencia.

Aún queda mucho por descubrir la blogósfera es un mundo muy interesante que existe dentro del universo de Internet y este manual pretende ser la guía que te lleve a explorar ese mundo. Con este trabajo pretendemos ahorrarte al menos 4 años de camino y enfilarte hacia el uso de una herramienta muy versátil y que te permita participar en la generación de contenidos o ideas. Te invito a que conozcas mis blogs homoempresarius.blogspot.com y homodigital.blogspot.com para que veas algunas de las posibilidades que ofrece este medio. Solo me resta invitarte a crear un blog, difundirlo y lo más importante actualizarlo. Franco Utrera.


Introducción.

Esta será una muy breve introducción sobre los blogs ya que el objetivo de este manual es tener un enfoque práctico.

El blog en esencia es una bitácora que se visualiza y administra a través de un sitio Web. De hecho el término blog es una contracción del término Weblog que significa registro Web o bitácora Web. De hecho los primeros blogs eran una especie de diarios personales en los cuales se hablaba sobre las vivencias u opiniones de sus autores.

El blog ha evolucionado y hoy lo podemos definir como un sitio Web con una estructura de visualización similar a una bitácora en forma vertical y con un orden cronológico descendente. Esto es que las últimas notas o entradas publicadas son las primeras en aparecer. El hecho de usar la tecnología Web, le agrega al blog una serie de ventajas que es muy importante aprender y aprovechar, este manual pretende ilustrar algunas de esas ventajas.

Una de las grandes ventajas que tienen los blogs es su facilidad de creación y administración ya que nos permite en pocas horas tener presencia en la red para compartir ideas, documentos, opiniones, anécdotas, discutir temas y un sinnúmero de posibilidades.

Los blogs forman parte de la llamada Web 2.0 que se refiere a que Internet tiene una estructura más participativa esto se refiere a que han nacido aplicaciones que han facilitado la tarea a los usuarios de ser emisores de información y no tan solo receptores, entre algunas de estas aplicaciones destacan Facebook, hi5, Blogger, Wikipedia, solo por mencionar algunas. Esta Web 2.0 ha traído otra filosofía al permitir el intercambio de recursos entre distintos servicios, un ejemplo de esto es cuando vemos en algunas páginas videos, que están alojados en Youtube pero que pueden ser llevados o incrustados a cualquier sitio mediante un pequeño procedimiento. Esto permite tener acceso a una gran cantidad de videos en línea que podemos mostrar en nuestro sitio sin tener que hacer algún pago por su uso.

Este intercambio de recursos nos permite utilizar servicios de terceros para enriquecer nuestro blog y hacerlo más llamativo a nuestros visitantes. Algunos de los servicios que veremos en este manual son Youtube, Google Docs, Box, entre otros. Estos servicios nos permitirán agregar video, presentaciones en línea, archivos, entre otras funcionalidades que harán más interactivo nuestro blog.

El manual que hoy tienes en tus manos tiene como objetivo que al concluir con su estudio estés en posibilidades de tener un blog, agregarle contenido interactivo, medir tus visitas y difundirlo por internet. Esperamos que te sea de mucha utilidad.


Antes de comenzar. El diagrama que se muestra abajo en la figura 1 ilustra la idea general que se abordara en este manual, este diagrama se ha divido en columnas para su mejor comprensión, lo vamos a comentar de derecha a izquierda para irlo explicando. En la columna llamada Blogs solo se muestra el resultado de todo el trabajo que se ilustra en el manual, este producto es el blog, en la columna Blogger se muestra que blogger es la plataforma de administración del o de los blogs, es decir que es a través de blogger podremos construir y alimentar no solo un blog si no varios de ellos. En la columna titulada Servicios se muestran los servicios externos a Blogger que pueden ser añadidos a nuestro blog en este manual ilustraremos cinco de ellos que son presentaciones en línea, video en línea, descarga de archivos diversos, contadores de visitas y análisis de las visitas. Todos estos servicios se pueden agregar a nuestro blog a través de proveedores que compartirán su servicio con Blogger enriqueciendo mucho más nuestro blog. En la columna proveedores vemos varias de las herramientas que nos proveerán los diferentes servicios que mencionamos anteriormente. Cabe mencionar que no todas estas herramientas se van a comentar en este manual.

Figura 1. Diagrama de integración de tecnologías externas en Blogger.

Otra consideración importante es que se recomienda ampliamente el uso del

navegador Firefox, ya que el Internet Explorer presenta numerosos problemas al visualizar las actualizaciones de nuestro blog. El Firefox está disponible en http://www.mozilla-europe.org/es/firefox/ para su descarga en español.


Capítulo 1.

Creando, editando y administrando nuestro blog. Creación del blog en Blogger. Paso 1. Lo primero que tenemos que hacer es crear una cuenta de Gmail en la siguiente dirección: http://gmail.google.com, en la sección de “crear una cuenta”, esta cuenta nos va a servir para poder tener acceso al servicio Blogger. Cabe señalar que Blogger no es el único servicio en donde se pueden crear y administrar blogs, pero es uno de los más usados, además de que tiene herramientas muy prácticas y de fácil uso.

Figura 2. Crear una cuenta en Gmail.

Paso 2. Posterior a tener la cuenta creada hay que ir al sitio de Blogger que se localiza en http://www.blogger.com/, para ingresar a este servicio hay que escribir el usuario y contraseña previamente creados en el Paso 1.

Figura 3. Acceso a Blogger


Paso 3. Una vez que hayamos ingresado al servicio de Blogger, nos saldrá una pantalla de bienvenida y en esta daremos clic al botón que dice “Crear Blog Ahora”.

Figura 4. Crear Blog.

Paso 4. Una vez hecho lo anterior, habrá que ponerle un título a nuestro blog y elegir una dirección Web, desde la cual nuestro blog puede ser encontrado en Internet. El formato de la dirección será como se ve en el ejemplo: blogsfera2.blogspot.com. En donde blogsfera2 es el nombre que he elegido para mi blog. En caso de que ese nombre ya exista habrá que elegir otro que no haya sido registrado previamente. Después de eso hay que hacer clic en el botón continuar.

Figura 5. Asignar nombre al blog.


Paso 5. El siguiente paso en el proceso será elegir una plantilla para definir el diseño que tendrá nuestro blog, esta plantilla se pondrá cambiar más adelante. Después de elegir la plantilla hay que dar clic en continuar.

Figura 6. Elegir Plantilla.

Paso 6. Después de esto nos saldrá una pantalla en donde se nos dirá que hemos concluido de crear el blog, y hay que dar clic en el botón “empezar a publicar”.

Figura 7. Se ha creado el Blog.

Hasta aquí concluye nuestro proceso de creación de nuestro blog. Hay que recordar que la dirección en la cual se puede visualizar el blog es: blogsfera2.blogspot.com.


Creación de entradas, escribiendo el contenido. Las entradas representan las notas que nosotros vayamos cargando en nuestro blog, una entrada tiene las siguientes características:

1) Título. 2) Cuerpo. 3) Etiquetas (categorías) 4) Fecha y hora de publicación 5) Permisos, para recibir o restringir comentarios de los lectores, sobre la entrada.

Figura 8. Creación de entradas.

Como se observa en la figura 8 se pueden identificar claramente los elementos que componen la entrada. También aparecen dos botones el de “publicar entrada”, que hará que nuestra entrada aparezca visible en nuestro blog; y el de “guardar ahora” que guardara nuestra entrada a la carpeta de borradores, sin publicarla, para una posterior edición.

1

2

3

4 5


Opciones de edición de la entrada. La ventana de edición de entradas ofrece una serie de opciones las cuales permiten tener un texto enriquecido en lugar de un texto plano. El editor nos permite hacer dos tipos de edición una estándar, en la opción de “Redactar” como lo haría cualquier procesador de texto y otra en “Edición de HTML”, la cual permite escribir con etiquetas HTML (el HTML se usa para crear páginas Web) para formatear el texto.

Figura 9. Editor de entradas.

Por lo regular usaremos la opción de “Redactar” para editar el cuerpo de la entrada y más adelante veremos como hacer uso de la “Edición HTML” para incorporar a nuestra entrada algún video de YouTube o alguna presentación de Google Docs. Ahora haremos una breve descripción de las opciones de edición de texto.

Fuente: Esta opción nos permite elegir entre 7 diferentes tipos de fuentes (tipo de letra) para cambiar el aspecto de la letra de nuestras entradas.

Tamaño fuente: Esta opción nos permite cambiar el tamaño de la letra. Son 5 los tamaños que ofrece esta opción.

Negrita: Esta opción nos permite poner en Negritas algún texto que necesitemos resaltar.

Cursiva: Esta opción nos permite poner en cursiva el texto.

Color de texto: Esta opción nos permite cambiar el color del texto.

Enlace: Esta opción nos permite crear un enlace, solo hay que seleccionar el texto y aparecerá una ventana en donde colocaremos la dirección a la cual queremos enlazar el texto.

Alineaciones de texto: Estas opciones nos permiten alinear el texto, la primera lo coloca hacia la izquierda, la segunda lo centra, la tercera lo coloca hacia la derecha y la tercera lo justifica.

Lista numerada: Esta opción nos permite crear un listado numerado.

Lista con viñetas: Esta opción nos permite colocar un listado con viñetas.


Bloque entrecomillado: Esta opción nos permite colocar “comillas a un texto”.

Comprobar ortografía: Esta opción permite hacer un chequeo de la ortografía de la entrada.

Añadir imagen: Esta opción nos permite colocar una imagen en nuestra entrada.

Añadir Video: Esta opción nos permite añadir un video no mayor a 100 MB.

Eliminar formato: Esta opción elimina el formato de un texto seleccionado.

Etiquetas de la entrada. Las etiquetas de la entrada nos permiten ir clasificando nuestro contenido en una o más categorías, esto es muy útil para los lectores ya que cuando el blog crece, las etiquetas les permiten consultar nuestro contenido de una manera más ágil. En el enlace “Mostrar todo” podemos encontrar todas las etiquetas previamente creadas para solo elegir la que consideremos apropiada.

Figura 10. Opciones de entrada.

“Otras opciones” (figura 11) nos permiten restringir o permitir los comentarios, sobre la entrada y también esta la posibilidad de editar la fecha en la que se publica el texto. Esta última opción se puede utilizar para programar la publicación automática de alguna entrada.

Figura 11. Cometarios y Fecha.

Una vez que se haya escrito la entrada y se haya definido su configuración, solo resta hacer clic en la opción de “Publicar entrada”. El resultado de todo lo que hemos hecho hasta ahora se ilustra en la figura 12.

Figura 12. Vista del blog.


Configurando nuestro blog. Hasta el momento hemos visto como crear nuestro blog para hacerlo accesible desde Internet y hemos creado nuestra primera entrada. Aún es necesario editar ciertas configuraciones con el objetivo de que nuestro blog sea más funcional. A continuación veremos este capítulo. Para comenzar podemos observar que dentro de nuestro panel de control del blog existen cuatro categorías generales y a cada una de estas le corresponden varias subcategorías. Las categorías generales son:

Creación de entradas.

Configuración.

Diseño.

Monetizar (Esta opción no se estudiara en este manual).

Figura 13. Pestaña Configuración

Como se observa en la imagen las categorías generales están distribuidas en pestañas y al hacer clic sobre alguna aparecen en la barra inferior las subcategorías correspondientes. En este caso para comenzar haremos clic en la pestaña de “Configuración”, cabe señalar que cuando creamos nuestra primera entrada, estuvimos trabajando bajo la categoría de “Creación de entradas”. Para comenzar nuestra configuración haremos clic en la subcategoría “Básico”, ahí es recomendable poner una descripción de nuestro blog en el campo que se titula “Descripción”. Una vez hecho esto hay que ir hasta la parte baja de la página para hacer clic en el botón “Guardar configuración”.

Figura 14. Descripción del Blog.


La otra subcategoría a configurar es “Comentarios”, en esta solo será necesario elegir la opción de cualquiera en el campo “persona que puede realizar los comentarios”. Una vez hecho esto es necesario ir hasta la parte baja de la página para dar clic al botón “Guardar configuración”.

Figura 15. Permisos sobre comentarios.

Esto servirá para que cualquier lector que pase por nuestro blog pueda dejarnos algún comentario sobre nuestra entrada. Los comentarios representan una de las ventajas principales de los blogs ya que a través estos se permiten la retroalimentación entre lectores y escritores. La siguiente subcategoría a configurar es la de “Permisos”, en esta subcategoría es posible añadir autores a nuestro blog, esto se hace por si alguien quiere publicar con nosotros sus textos. Para hacerlo solo es necesario hacer clic sobre el botón “añadir autores”, y en la caja de texto que aparece se colocaran los correos electrónicos de nuestros autores invitados. Una vez ingresados solo será necesario dar clic en el botón invitar.

Figura 16. Escritores invitados.

Es importante señalar que después de esto habrá un proceso de confirmación a través del correo electrónico pero es un procedimiento muy sencillo. Por el momento hemos terminado en la pestaña de “Configuración”, ahora iremos a la pestaña de “Diseño”, en donde configuraremos algunos elementos.

Figura 17. Configurando elementos de la página.


Una vez elegida la pestaña Diseño, apareceremos en la opción de “Elementos de la página” en donde aparecerá la estructura de nuestro blog. Esta es una de características que más nos agradan de Blogger, ya que se tiene una estructura gráfica de la composición de nuestro blog y nos es posible editarla a nuestro antojo.

Figura 18. Vista de los elementos de página.

En la imagen anterior (figura 18) se observa la distribución de los elementos en nuestro blog, podemos identificar una cabecera, las entradas del blog, una barra lateral izquierda de gadgets y un pie de página. Los gadgets son elementos que dotan de diversas funcionalidades a nuestro blog. Por el momento solo añadiremos un gadget, y lo haremos desde el enlace que esta arriba de la opción Seguidores. Al dar clic en “Añadir Gadget” nos aparecerá la siguiente ventana:

Figura 19. Añadir un Gadget.


Dentro de esta ventana buscaremos, desplazando el Scroll hacia abajo, el gadget llamado Etiquetas.

Figura 20. Añadiendo etiquetas.

Este gadget nos permite agregar una lista de las etiquetas que nosotros vayamos utilizando en nuestras entradas. Para agregar el gadget es necesario hacer clic en el símbolo de + y aparecerá la siguiente ventana.

Figura 21. Configurando etiquetas.

Solo basta con hacer clic en el botón de “Guardar”. Con esto aparecerá el gadget insertado en la estructura de nuestro blog, como se muestra en la imagen de abajo.

Figura 22. Gadget de Etiquetas añadido.

Una vez que se haya insertado ese gadget se puede mover arrastrándolo con el ratón al lugar en que lo queramos colocar. Una vez hecho esto es necesario hacer clic en el botón “guardar”.


El resultado de lo que hemos hecho hasta el momento es el siguiente (figura 23):

Figura 23. Vista del blog con el gadget de etiquetas insertado. Cómo se puede observar en la figura 23 ahora aparece el bloque de Etiquetas con la etiqueta notas, que es el resultado de nuestra última configuración. Una vez terminada nuestra configuración de los elementos de la página nos quedará una opción más por configurar la cual es “Seleccionar una nueva plantilla”.

Figura 24. Seleccionar una nueva plantilla.

En esta sección tenemos acceso a una variedad más amplia de plantillas de visualización, si no estamos muy convencidos con el diseño que hemos elegido para nuestro blog podemos cambiarlo aquí, solo es necesario elegir la plantilla y presionar el botón de “Guardar Plantilla”.


Capítulo 2.

Enriqueciendo nuestro blog con presentaciones y video en línea. Añadiendo presentaciones en línea a nuestras entradas. Una de las ventajas que tiene Blogger es que al ser un servicio de Google, con la misma cuenta que hemos creado para administrar nuestro blog, podemos tener acceso a la gran mayoría de las herramientas que proporciona esta empresa. Una de las herramientas que nos permite enriquecer nuestro blog es la de Google Docs (específicamente las presentaciones), el sitio web esta disponible en http://docs.google.com/. Una vez que hayamos accesado al sitio de Google Docs y hayamos ingresado a él (a través de nuestro usuario y contraseña que usamos para Blogger), nos aparecerá la siguiente ventana.

Figura 25. Pantalla principal de Google Docs.

Cabe hacer mención que en este capítulo solo ilustraremos como llevar las presentaciones, generadas o importadas a esta herramienta, a nuestras entradas en el blog. No es el propósito de este manual hacer una descripción de cómo funciona este servicio.


Paso 1. Primero debemos crear o importar la presentación que vayamos a vincular a nuestro blog. En este caso importaremos una presentación desarrollada en PowerPoint 2003. Para importarla hay que hacer clic en el botón “Subir”.

Figura 26. Subir una presentación a Google Docs. Paso 2. Una vez realizado esto es necesario buscar la presentación que vamos a subir, a través del botón “Examinar”, y agregarle un nombre, como se ve en la figura 27. Google Docs nos permite subir una presentación de hasta 10 MB. Una vez seleccionado y nombrado el archivo, haremos clic en el botón “Upload File”.

Figura 27. Buscando la presentación a subir.

El resultado será el siguiente:

Figura 28. Presentación en Google Docs.


Paso 3. Una vez que tengamos nuestra presentación en Google Docs es recomendable revisarla ya que en ocasiones se pueden mover algunos elementos como el texto y las imágenes. Después de asegurarnos que nuestra presentación esta correcta, entonces presionaremos el botón de “Share” (compartir) como se ve en la imagen (figura 29), y elegiremos la opción de “Publish/embed”.

Figura 29. Compartiendo la presentación.

Paso 4. Una vez hecho esto nos aparecerá la siguiente pantalla (figura 30):

Figura 30. Publicando la presentación.

Ya en esta pantalla elegiremos en tamaño de nuestra presentación, en este caso elegiremos la más pequeña que es de 410 pixeles de ancho.

Figura 31. Seleccionando el tamaño de la presentación.


Paso 5. Una vez seleccionado el tamaño copiaremos el código que se genera en la caja de texto de abajo.

Figura 32. Obteniendo el código para publicar la presentación.

Paso 6. Ahora necesitamos ir al crear una nueva entrada en nuestro blog, esto lo haremos en Blogger. Pondremos un título y escribiremos un pequeño párrafo describiendo el contenido de la presentación que vamos a incrustar. Una vez hecho lo anterior es necesario cambiar el modo de edición a “Edición de HTML”. Como se muestra en la imagen.

Figura 33. Pegando el código de la presentación en Edición de HTML.

Después de realizar el cambio a “Edición de HTML”, pegaremos el código previamente copiado de Google Docs, también escribiremos el nombre de nuestra etiqueta para categorizar nuestra entrada. Y volveremos al modo de “Redactar”. Una vez realizado lo anterior tendremos la siguiente imagen (figura34).

Figura 34. Editando la entrada con la presentación incrustada.


Cabe señalar que de no hacer el cambio en el modo de edición para pegar el código de nuestra presentación de Google Docs, no obtendríamos este resultado ya que de pegarlo en el modo de “Redactar” se tomaría como texto plano y no como código HTML. Por último hay que dar clic en “Publicar Entrada”. Y obtendremos el siguiente resultado.

Figura 35. La presentación ha quedado incrustada en el blog.

De esta manera podemos ver la presentación directamente desde nuestro blog. Si usas PowerPoint 2007 es posible que tengas algunos problemas con tus presentaciones pptx ya que Google Docs no las soporta, te recomendamos la opción de SlideBoom disponible en http://www.slideboom.com/ ya que este servicio se encargara de subir a tu cuenta tu presentación de PowerPoint como una presentación de Flash con un reproductor incorporado. También puedes ir a la página http://www.ispringsolutions.com/products.html en donde puedes instalar ISpring Free que es un plug-in que se instalara en PowerPoint 2003 o 2007 y que te permitirá convertir tus archivos de PowerPoint en presentaciones Flash o subirlas directamente a tu cuenta de SlideBoom para publicarlas. Una vez publicadas busca la opción de Embed (incrustar) para obtener el código HTML a insertar, para publicar la presentación en tu blog. Como comentario adicional, existen otras herramientas que puedes revisar, como son:

ZOHO Show - http://show.zoho.com

SlideShare - http://www.slideshare.net/ Puedes ver que herramienta se acopla más a tus necesidades y todas generan un código HTML para incrustar en tu blog, además de que las dos herramientas son una especie de banco de presentaciones, puedes buscar alguna por tema y usarla en tu blog o también crear la tuya y subirla para compartirla.


Añadiendo video desde YouTube a nuestro Blog. Otro de los servicios que podemos usar para enriquecer nuestro blog, es el de YouTube, este sitio también es propiedad de Google, por lo que puedes ingresar con el usuario y contraseña que usas para entrar al Blogger. El sitio de YouTube te permite subir video para publicarlo en Internet, en este manual solo estudiaremos la manera en que se puede incrustar algún video del YouTube al blog. Todas las demás funciones del sitio no serán motivo de estudio dentro de este texto. Cabe señalar que el procedimiento es muy similar al que hicimos cuando incrustamos la presentación de Google Docs. Paso 1. En primer lugar hay que ir al sitio de YouTube disponible en www.youtube.com, buscar algún video que nos interese para publicarlo en nuestro blog. Paso 2. Una vez que hayamos encontrado el video que queremos publicar, debemos ubicar el código que aparece en el campo Insertar, ubicado donde indica la flecha, en la figura 36.

Figura 36. Obteniendo código para insertar video.

Paso 3. Es posible personalizar algunas características de nuestro video como son el tamaño, el color del reproductor, entre otras. Para hacer esto hay que hacer clic, en el botón marcado dentro de un cuadro que ilustra la figura 37, para desplegar las opciones a configurar. Es recomendable elegir el tamaño de video más pequeño, el de 320x265, para que pueda quedar bien insertado en nuestro blog. Una vez hecha la selección hay que seleccionar y copiar el código del campo Insertar.

Figura 37. Personalizando el video a insertar.


Paso 4. Una vez copiado el código, entraremos a Blogger para crear una nueva entrada en nuestro blog. Una vez que hayamos puesto el Título de la entrada, un pequeño párrafo describiendo el video y la etiqueta de nuestra entrada. Cambiaremos de modo de edición a “Edición de HTML” y pegaremos el código copiado desde YouTube, como lo muestra la figura 38.

Figura 38. Insertando el código del video en la entrada.

Paso 5. Volveremos al modo de edición de “Redactar” y presionaremos el botón de “Publicar Entrada” y listo, nuestro blog ya tiene un video de YouTube.

Figura 39. Video incrustado en el blog.

Cabe hacer mención que aunque el Blogger nos permite incrustar un video que tengamos en nuestra computadora, el proceso para añadirlo puede ser muy tardado, ya que depende del tamaño del video que como mencionamos anteriormente debe ser menor a 100 MB. La gran ventaja de YouTube es que tenemos a nuestro alcance una videoteca gigante, que nos puede permitir utilizar su material para ilustrar alguna idea o concepto. Es necesario decir que este proceso que vimos para YouTube es similar en otros sitios de publicación de video como lo pueden ser:

Vimeo disponible en http://www.vimeo.com/

Dailymotion disponible en http://www.dailymotion.com/


Sobre el autor.

Franco Utrera González es originario de Veracruz, adoptado desde muy pequeño por las tierras Quintanarroenses. Actualmente radica en Cancún, México. Franco es egresado del Instituto Tecnológico de Cancún de la carrera de Licenciatura en Informática y cuenta con una Maestría en Gerencia Administrativa por parte del Instituto de Estudios Universitarios. Se ha desempeñado como docente en diversas instituciones educativas impartiendo clases sobre comercio electrónico, negocios electrónicos, Internet en los negocios, entre otros. Ha trabajado con los blogs en el aula de clases desde hace año y medio, recolectando diversas experiencias. Actualmente labora en el departamento de Vinculación y Prácticas Profesionales de la Universidad del Caribe, en donde también imparte algunas asignaturas y talleres. Entre sus principales intereses están el Cloud computing (computación en la nube), la Web 2.0, e-learning y la administración del conocimiento. Puedes escribirle a [email protected] y visitar su sitio web en www.indexa.com.mx

construye tu blog con blogger sample

Education