Incorporar gadget a tu blog

Incorporación de gadgets a tu página web

Castillo Navarro, Adolfo y Edgar Oswaldo González Bello. (2011).

Incorporación de gadgets a tu página web [Presentación]. México:

Universidad de Sonora.

¿Qué es un gadget? Los gadgets para páginas web son elementos que permiten que el

usuario personalice su sitio según sus necesidades.

Son fáciles, prácticos y simples de utilizar.

Extienden la funcionalidad de un sitio.

Existe una diversidad, desde relojes, herramientas de

comunicación, calendarios, integración de servicios, juegos, etc.,

cada uno con diferente aplicación.

Figura 1

Google es una de las muchas compañías que ofrece gadgets para

agregarlos a tu página web, blog, etc. Estos están disponibles en el

sitio

¿Cómo obtener un gadget?

Puedes encontrar

una variedad de

gadgets organizados

por temas y cada

uno tiene una

función específica.

http://www.google.es/ig/directory?synd=open

Figura 2

http://www.google.es/ig/directory?synd=open

Procura escoger aquellos que sean funcionales y adecuados a la temática que expresas en tu blog.

Siempre busca la utilidad que pueda proporcionar el gadget a tu blog, es decir, trata de que proporcione información relevante.

Evita poner juegos, ya que muchas veces quita importancia a tu sitio. Tampoco satures tu blog, considera que los gadgets son una especie de

complemento para tu sitio. Elimina aquellos que no tengan una visibilidad correcta.

Recomendaciones

Figura 3

Para añadir el gadget a tu blog.

Selección y configuración

Genera el código HTML

Opciones de configuración.

Código HTML

Figura 4

Figura 6

Figura 5

Selecciona la opción

“Diseño” para visualizar

la estructura del blog.

Ubica el lugar donde

se incluirá el gadget.

¿Dónde insertar un gadget en el blog?

1

2

Figura 7

Figura 8

Selecciona la opción que permite

agregar código HTML.

3

Selecciona la opción que

permite agregar código

HTML.

Coloca el código que

proporciona el sistema

utilizado.

Para modificar el tamaño

es necesario cambiar los

valores (width-height) en el

código.

1

2 3

Figura 10

Figura 9

Agregar el gadget en el blog

Inserta el código obtenido del

gadget en Google.

Puedes ajustar las medidas

del gadget modificando el

código HTML. Busca los

parámetros de “w” (alto) y “h”

(ancho) y modifica sus

valores según tus

necesidades.

Agregar el gadget en el blog

Parámetros de tamaño

Figura 11

Título

Tu gadget se agregó.

Vista del gadget en tu sitio

Consulta su visualización en tu sitio.

Vista del gadget

Figura 14

Figura 12

Figura 13

Referencias de imágenes

1. González Bello, Edgar Oswaldo. (2010). Qué es un gadget [Fotografía]. México: Universidad de Sonora.

2. González Bello, Edgar Oswaldo. (2010). Obtener gadget [Fotografía]. México: Universidad de Sonora.

3. González Bello, Edgar Oswaldo. (2010). Recomendaciones [Fotografía]. México: Universidad de Sonora.

4. González Bello, Edgar Oswaldo. (2010). Ejemplo de gadget [Fotografía]. México: Universidad de Sonora.

5. González Bello, Edgar Oswaldo. (2010). Genera el código html [Fotografía]. México: Universidad de Sonora.

6. González Bello, Edgar Oswaldo. (2010). Obtener el código html [Fotografía]. México: Universidad de Sonora.

7. González Bello, Edgar Oswaldo. (2010). Dónde insertar un gadget [Fotografía]. México: Universidad de Sonora.

8. González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 1 [Fotografía]. México:








12. González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 1 [Fotografía]. México: Universidad de Sonora.



Incorporar gadget a tu blog

Documents

Transcript of Incorporar gadget a tu blog