Guía 2 de Blogger

Mediante esta guía vamos a aprender a insertar 2 tipos de objetos: una presentación de PowerPoint en su Blog y una imagen que se encuentra en la web, obteniendo en ambos casos su código HTML, el cual permite que estos objetos sean embebidos en el Blog (dentro de sus muchas definiciones, embeber significa contener una cosa dentro de otra).

Nota: Cuando no recuerden la dirección del Blog, simplemente entren a Google, busquen Blogger e ingresen digitando la cuenta y el password, allí se muestra la lista de todos los blogs asociados a esa cuenta para ingresar al deseado.

Primera actividad: vamos a crear una firma y la vamos a utilizar para que los artículos siempre  queden firmados automáticamente al dar clic en Publicar, sin necesidad de estar insertando la firma al final del post al crear cada artículo.

1.       Cree una carpeta en la carpeta del curso que diga Blogger 2.

2.       Ingrese a un documento de Word y guárdelo con el nombre Códigos embebidos – apellidos.

3.       Abra la página de My live signature (http://www.mylivesignature.com)

4.       De clic en Don´t want to register? Proceed y luego en Using the signature creation wizard.

5.       Paso 1 – digite el nombre, iniciales o nick name para crear la firma y de clic en el paso siguiente (Next Step)

6.       Paso 2 – Seleccione la fuente y vaya al siguiente paso

7.       Realice los otros pasos eligiendo el tamaño, color e inclinación de la firma si desea cambiarlas.

8.       Cuando llegue al mensaje Finished! The signature is ready, de clic derecho sobre la imagen final de la firma y elija Guardar imagen como… para archivarla en la carpeta Blogger 2. Pegue esta imagen, o insértela, en el archivo de Word. En este documento vamos a llevar de forma organizada todos los códigos embebidos que obtendremos en esta cursada.

9.       Como solo con tener la imagen no es suficiente, es necesario guardar los códigos correspondientes a esta imagen como la URL y el código HTML para insertarla en un blog o en un foro. Siga en My live signature:

10.   Observe que más abajo en la página se encuentran 3 links opcionales:

1.       Want us to animate this signature?: es para aplicar animación a la firma, pero es una opción de pago, no podemos utilizarla.

2.       Want to download this signature?: aquí se consigue la URL de la imagen, la que dice http://signatures. mylivesignature.com/################.png, copie esa URL y péguela debajo de la imagen en Word.

3.       Want to use this signature?: allí de clic en Generate HTML code y por último en Generate a code for my handwritten signature,  para que muestre el código HTML que podemos usar para incrustar la imagen en cualquier sitio web, cópielo y péguelo en Word separado de la URL para no confundir los códigos.

-          Repita los pasos para las demás firmas que desee crear. Siempre guarde la imagen, péguela en Word y copie sus códigos. Tenga un solo documento de Word donde guarde todos estos códigos para incrustar objetos en el blog ya que los estará usando frecuentemente y no es conveniente estar generando en la web lo que ya se ha creado con anterioridad.

11.   Una vez se tiene el código de la firma, lo vamos a llevar al Blog. Abra el Blog y acceda con la cuenta para poder editarlo.

12.   De clic en Diseño > Configuración > Entradas y comentarios > Si la Plantilla de entrada está cerrada de Añadir.

13.   En esa ventana pegue el código HTML de la firma y de clic en el botón Guardar configuración.

14.   Ahora volvemos al Blog dando clic en el botón Ver Blog y damos clic en Nueva entrada para ensayar. Observamos que la nueva entrada ya lleva la firma solo que está muy pegada a la parte superior y no deja escribir el post con facilidad, Debemos modificar el código HTML y para eso vamos recordar algo del lenguaje, así:

Damos Cerrar y volvemos a la Plantilla de entrada donde pegamos el código, aumentamos dos etiquetas <BR> al comienzo (cada una hace una salto de línea) y además insertamos dentro de la etiqueta <IMG> otro atributo además de los que tiene, puede ir entre el atributo SRC y el atributo STYLE, allí vamos a insertar el atributo ALIGN=right, para que la firma aparezca siempre alineada al lado derecho del post.

15.   Guarde la configuración y volver al blog para ensayar con Nueva entrada y ver donde aparece la firma.

Ya tenemos listo el blog con firma automática.

Si en alguna entrada no deseamos que aparezca la firma, debemos borrar el código cuando se esté creando esa entrada, es decir cuando se de Nueva entrada ya que hay una pestaña que dice HTML y allí se encuentra el código pero solo para esa entrada, entonces es allí donde se puede borrar para no afectar las demás entradas. No se debe borrar desde la Plantilla de entrada ya que es allí donde se afecta a todas las entradas.

Ahora vamos a subir una presentación en PowerPoint a la Web y la vamos a insertar en el Blog.

1.       Cada estudiante descargará su presentación en PowerPoint en la carpeta Blogger 2. Guarde la presentación con el nombre Herramientas Web – apellido, para que no haya duplicidad de nombres y se vea organizada la carpeta. Pueden hacer todo el proceso con la presentación de un solo estudiante para agilizar, teniendo en cuenta que este proceso debe realizarse por el otro estudiante después.

2.       Abrimos la página Web AuthorStream (http://www.authorstream.com/tag/Espanol/3) o SlideBoom (http://www.slideboom.com) o SlideShare (http://www.slideshare.net) y nos registramos para obtener una cuenta. Vamos a usar la cuenta de Gmail y debemos acostumbrarnos a usar el mismo password en todos los registros que hagamos en la red para que no haya confusiones por olvido de contraseñas.

3.       Veremos que fue creada la cuenta y podremos cargar sla primera presentación dando clic en el botón Upload.

4.       Esperamos la carga de la presentación y su conversión para obtener el código embebibo y la URL respectiva. Copiamos estos códigos en el documento de Word, debajo de un texto identificativo como por ejemplo: Presentación Herramientas Web para tener presente de qué son estos códigos en otro momento.

5.       Regresamos al Blog y en una nueva entrada, asignamos título y escribimos una introducción para la presentación que vamos a insertar, damos dos Enter y seleccionamos la pestaña HTML.

6.       Pegamos el código embebido de la presentación, entre el código del párrafo digitado en el punto anterior y el código de la firma (los <BR> son los Enter que se han dado, deje 2 antes de lo que va a pegar y 2 después)

7.       Volvemos a la pestaña Redactar  para observar que se haya incrustado la presentación, Actualizamos y vemos el post para saber si funcionó todo correctamente. Debe estar el título, la introducción, la presentación y la firma al final del post.