Qué es un Widget o Badge web? Ejemplos


Widget proviene de la mezcla de palabras en inglés window (ventana) + gadget (utilidad), así que podemos decir que un widget es una ventana que aporta funcionalidad o utilidad. Así que si queremos mantener nuestro sitio web bien conectado y además añadir funcionalidad al contenido de nuestras páginas web, nuestros mejores aliados serán los widgets y los badges o insignias web. En términos web, un widget es una aplicación que permite añadir fragmentos de contenido y/o funcionalidades en tus páginas web. Normalmente los widgets se colocan en las barras laterales de las páginas web y en los pies de página (footers). Hay varias formas de colocar widgets o badges en las páginas web:

  • Si contamos con un sitio web que permite la gestión de contenidos como WordPress, Joomla o Drupal, lo más probable es que podamos usar los que se incluyan en el propio cms (gestor de contenidos), de tal forma que podemos decidir el orden y el número de widgets que queremos que aparezcan.
  • Si nuestra web está en código Html, deberemos conseguir los códigos de los widgets que queramos y pegarlos en nuestra web. En el caso de insignias o badges solo necesitaremos la imágen y el link.

A diferencia del Widget, un Badge o insignia web es un elemento web para mostrar nuestra pertenencia a grupos, asociaciones o redes como Facebook, Linkedin o Twitter.

Ejemplos de Widgets y Badges más comúnes

Hemos revisado nuestra barra lateral del blog, donde se encuentran la mayoría de nuestros widgets e insignias, aquí hemos hecho una selección:

Widget ImagenBadge FacebookWidget Suscribir BlogWidget RSSWidget Categorias BlogWidget y Badge de TwitterBadge FlickrBadge TwitterBadge Linkedin

Sitios donde conseguir Badges o Insignias de Redes

A continuación encontrarás las páginas web para disponer de las insignias oficiales que proponen las propias redes para uso gratuito:

Personaliza tus Insignias de Redes Sociales para tu Web o Blog

Si quieres personalizar tus Insignias puedes usar las que te proponemos aquí, son gratis en psd (Photoshop):

Descargar Pack de Insignias Redes Sociales tipo Botón PSD Gratis.

badges redes sociales

Tamaño 240 x 50 px – Archivo psd 0.11 Mb (zip) DESCARGAR↓

Pack de Insignias estilo Grunge de Redes Sociales Psd Gratis

Varios Tamaños – Archivo psd  – DESCARGAR↓

2 thoughts on “Qué es un Widget o Badge web? Ejemplos

  1. Pingback: Gestiona tus Redes Sociales y Correos con Digsby! | Curso Web 2.0

  2. Pingback: ¿Qué es y quién usa WordPress.com? | Curso Web 2.0

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s