Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Incorporación de gadgets  a tu página web Castillo Navarro, Adolfo y Edgar Oswaldo González Bello. (2011).  Incorporación ...
¿Qué es un gadget? <ul><li>Los gadgets para páginas web son elementos que permiten que el usuario personalice su sitio seg...
<ul><li>Google es una de las muchas compañías que ofrece gadgets para agregarlos a tu página web, blog, etc. Estos están d...
<ul><li>Procura escoger aquellos que sean funcionales  y adecuados a la temática que expresas en tu blog. </li></ul><ul><l...
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 Fi...
<ul><li>Selecciona la opción “Diseño” para visualizar la estructura del blog.  </li></ul><ul><li>Ubica el lugar donde se i...
<ul><li>Selecciona la opción que permite agregar código HTML. </li></ul><ul><li>Coloca el código que proporciona el sistem...
<ul><li>Inserta el código obtenido del gadget en Google. </li></ul><ul><li>Puedes ajustar las medidas del gadget modifican...
Tu gadget se agregó.  Vista del gadget en tu sitio Consulta su visualización en tu sitio. Vista del gadget Figura 14 Figur...
Referencias de imágenes  <ul><li>González Bello, Edgar Oswaldo. (2010). Qué es un gadget [Fotografía]. México: Universidad...
Upcoming SlideShare
Loading in …5
×

Incorporación de gadgets a tu blog de Blogger

1,080 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Incorporación de gadgets a tu blog de Blogger

  1. 1. 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.
  2. 2. ¿Qué es un gadget? <ul><li>Los gadgets para páginas web son elementos que permiten que el usuario personalice su sitio según sus necesidades. </li></ul><ul><li>Son fáciles, prácticos y simples de utilizar. </li></ul><ul><li>Extienden la funcionalidad de un sitio. </li></ul><ul><li>Existe una diversidad, desde relojes, herramientas de comunicación, calendarios, integración de servicios, juegos, etc., cada uno con diferente aplicación. </li></ul>Figura 1
  3. 3. <ul><li>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 </li></ul>¿Cómo obtener un gadget? <ul><li>Puedes encontrar una variedad de gadgets organizados por temas y cada uno tiene una función específica. </li></ul>http://www.google.es/ig/directory?synd=open Figura 2
  4. 4. <ul><li>Procura escoger aquellos que sean funcionales y adecuados a la temática que expresas en tu blog. </li></ul><ul><li>Siempre busca la utilidad que pueda proporcionar el gadget a tu blog, es decir, trata de que proporcione información relevante. </li></ul><ul><li>Evita poner juegos, ya que muchas veces quita importancia a tu sitio. </li></ul><ul><li>Tampoco satures tu blog, considera que los gadgets son una especie de complemento para tu sitio. </li></ul><ul><li>Elimina aquellos que no tengan una visibilidad correcta. </li></ul>Recomendaciones Figura 3
  5. 5. 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
  6. 6. <ul><li>Selecciona la opción “Diseño” para visualizar la estructura del blog. </li></ul><ul><li>Ubica el lugar donde se incluirá el gadget. </li></ul>¿Dónde insertar un gadget en el blog? 1 2 Figura 7 Figura 8 <ul><li>Selecciona la opción que permite agregar código HTML. </li></ul>3
  7. 7. <ul><li>Selecciona la opción que permite agregar código HTML. </li></ul><ul><li>Coloca el código que proporciona el sistema utilizado. </li></ul><ul><li>Para modificar el tamaño es necesario cambiar los valores (width-height) en el código. </li></ul>1 2 3 Figura 10 Figura 9 Agregar el gadget en el blog
  8. 8. <ul><li>Inserta el código obtenido del gadget en Google. </li></ul><ul><li>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. </li></ul>Agregar el gadget en el blog Parámetros de tamaño Figura 11 Título
  9. 9. 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
  10. 10. Referencias de imágenes <ul><li>González Bello, Edgar Oswaldo. (2010). Qué es un gadget [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Obtener gadget [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Recomendaciones [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Ejemplo de gadget [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Genera el código html [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Obtener el código html [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Dónde insertar un gadget [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 1 [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 2 [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 3 [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Opción que permite pegar el html parte 4 [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 1 [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 2 [Fotografía]. México: Universidad de Sonora. </li></ul><ul><li>González Bello, Edgar Oswaldo. (2010). Vista del gadget parte 3 [Fotografía]. México: Universidad de Sonora. </li></ul>

×