Download - Incorporar gadget a tu blog
![Page 1: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/1.jpg)
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.
![Page 2: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/2.jpg)
¿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
![Page 3: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/3.jpg)
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
![Page 4: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/4.jpg)
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
![Page 5: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/5.jpg)
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
![Page 6: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/6.jpg)
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
![Page 7: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/7.jpg)
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
![Page 8: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/8.jpg)
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
![Page 9: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/9.jpg)
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
![Page 10: Incorporar gadget a tu blog](https://reader037.vdocumento.com/reader037/viewer/2022100501/568c0e7d1a28ab955a90a375/html5/thumbnails/10.jpg)
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:
Universidad de Sonora.
9. González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 2 [Fotografía]. México:
Universidad de Sonora.
10. González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 3 [Fotografía]. México:
Universidad de Sonora.
11. González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 4 [Fotografía]. México:
Universidad de Sonora.
12. González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 1 [Fotografía]. México: Universidad de Sonora.
13. González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 2 [Fotografía]. México: Universidad de Sonora.
14. González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 3 [Fotografía]. México: Universidad de Sonora.