Te gustaria poner un "Gadget" en tu blog , pero no sabes como, no te preocupes en GagetsBlogger.com encontraras todos sobre los Gadgets y Widgets para Blogger.

1. ¿Qué es un Gadget?

Un Gadget es un archivo XML ubicado en Internet. El archivo XML que especifica un Gadget contiene instrucciones acerca de cómo procesar y ejecutar dicho gadget.

Un Gadget es un código que puede ser instalado y ejecutado en cualquier Blog o pagina Web independiente basado en HTML por un usuario final sin necesidad de compilación.

Se derivan de la idea de reutilizar el código. Otros términos utilizados para describir Gadget o Widget : mini aplicaciones, módulo webjit, widget web...etc .

Gadgets por lo general siempre se deben usar en HTML, JavaScript, Flash o Adobe.

Los usuarios finales utilizan principalmente los Gadgets y Widgets para mejorar su experiencia web personal, o la web experiencias de los visitantes a sus sitios o blogs personales.

El uso de Widgets y Gadgets ha demostrado cada vez más popular, donde los usuarios de los medios sociales son capaces de agregar aplicaciones independientes a los blogs, perfiles y páginas de la comunidad.

Los desarrolladores de estos reproductores suelen ser los que ofrecen como una forma de contenido patrocinado, lo que puede pagar el costo del desarrollo cuando los mapas del Widget o Gadget de servicios públicos a las necesidades del usuario en un camino donde ambas partes ganan.

2. ¿Qué son los Gadgets de Blogger?

Los Gadgets son objetos en miniatura realizados por usuarios de Google, Programadores, Webs de Tecnologia, etc.. que ofrecen contenido fresco y dinámico que se puede colocar en cualquier blog o página web.

Son gratuitos y están disponibles para que usted puedas agregarlo a cualquier blog o sitio web que posee, y también se pueden agregar a varios servicios de Google ( la página de iGoogle, Google Desktop, y Blogger).

Aca puede ver como integrar un Widget de redes sociales a su Blog.

Añadir Widget Social estilo Metro Blogger

Artículo original: http://trucosgadgetsblogger.blogspot.cl/2016/03/anadir-widget-social-estilo-metro.html
© Trucos Gadgets Para Blogger

Publicadas por Oscar Cabrera a la/s 17:56 Etiquetas: Social, Widget

Hola hoy vamos a ver como colocar un widget social en nuestro blog este widget tiene un estilo modelo donde vamos a poder colocar nuestros enlaces sociales de Facebook, Twitter, Google + y las entradas RSS, con solo colocar este codigo HTML a continuacion

Vamos a instalar el widget a continuacion ;

1. Una vez en el Dashboard de nuestro blogger, vamos a la opción de diseño de nuestro panel izquierdo.

2. El segundo paso es añadir un Gadget en el lugar que deseemos mostrar el widget.

3. el tercero es seleccionar la opción HTML/Javascript

4. cuarto el titulo del Widget y agregamos el siguiente código.

<div class="metro-social">
<li><a class="fb" href="Tu URL de Facebook"></a></li>
<li><a class="tw" href="Tu URL de Twitter"></a></li>
<li><a class="gp" href="Tu URL de GooGle"></a></li>
<li><a class="fd" href="Tu URL de FeedBurner"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code:
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>