Si eres nuevo en el mundo de los blogs habras escuchado los terminos Widget y Gadget.

Widget es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de Widgets o Widget Engine. Entre sus objetivos están los de dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. Sin embargo los Widgets pueden hacer todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con información del clima en su ciudad, etcétera.

La palabra widget viene de la union de la palabra window (ventana) y gadget (mecanismo, chisme, artilugio).
Los widgets son de libre distribución en la web, y puede añadirse un número ilimitado de ellos a nuestro sitio web, aunque no es lo que recomiendo, y además vuelve pesado y lento el proceso de carga del blog. Normalmente, se incrustan en nuestro sitio web a través de un código HTML. En la opción de widgets en tu blog encuentras una sección denominada "Texto", que te permitirá añadir cualquier widget que encuentres en la web que permita incrustarlo.

Los Gadgets son mini aplicaciones realizadas para ofrecer contenido fresco y dinámico que pueden ser colocadas en cualquier página en internet o blog.
Algunos Ejemplo fáciles son Calculadoras, Relojes. También para los sistema operativo como son Windows XP, Windows Vista, Mac y GNU Linux hay una gran variedad y lo mejor de todo que son gratuito.

¿Puedo usar plantilla de Blogger en WordPress y viceversa?

No, no puedes porque los códigos son distintos. Eso si, hay gente que convierte plantillas de un sistema a otro.

A continuacion voy a colocar una buena colección de complementos o widgets para tu blog:

sábado, 7 de abril de 2012

Gadget Blog Insertar Noticias de Google

Google News o Google Noticias, pueden ser de interés para los que nos visitan al blog, más que nada porque el widget es personalizable y puedes mostrar un tópico, temática o según palabras claves las noticias más relevantes.
Tienes varias formas de mostrarlas en el blog, la más sencilla es mediante un "iframe", los códigos de personalización y si quieres profundizar un poco en el tema los encontraras en "NewsShowDocumentation".

Pero ahora os muestro la forma más sencilla y rápida de generar el código para tu blog. 
Tienes que ir al News Element de Google Web Elements, una vez aquí, solo tienes que seleccionar lo que te interese, puedes escoger una sección de noticias o crear tu palabra o palabras claves y en opciones avanzadas escoger el idioma español, más fácil no puede ser.
Aquí tienes un ejemplo:

Gadget: Botón Imprimir o PDF para el blog


Un widget para tu Blog con el que tus lectores pueden imprimir o pasar a PDF tus entradas.

Para añadirlo a tu Blog solo tienes que ir a la pagina Print Friendly.
  • Clicar en "get your button"
  • Indica que tipo de sitio o blog tienes: Web, Worpress o Blogger.
  • Elige el tipo de botón que quieres añadir a tu blog
  • A Continuación sigue los pasos: "Diseño"/ "Diseño HTML" / busca la linea de codigo en tu plantilla:

<div class='post-footer'>
  • Pega el código justo debajo.
No olvides hacer copia de seguridad de tu plantilla.

Aquí en este vídeo tienes una demostración:



Enlace: Print Friendly

Vídeo: Gadget - Crear e insertar un mapa de Google


Desarrollo Web ha publicado este Vídeotutorial sobre como crear e insertar un mapa de Google en un blog o sitio web de forma sencilla, útil para la sección contacto. Desarrollo Web se ha guiado para confeccionar el vídeo con el siguiente articulo: Incluir un Mapa de Google en tu web en 5 minutos

Gadget Fan Box de Twitter

Igual que en Facebook Twitter dispone de un Fan Box, una forma rápida de conseguir seguidores. Sustituye en el codigo las XXXXXX por tu nombre de Twitter..


<center><div class="textwidget"><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"><script type="text/javascript">fanbox_init("XXXXXX");</script></div></div><style>.FB_SERVER_IFRAME {width: 290px !important; /* Ancho */height: 250px !important; /* Alto */</style></center>

Para incorporar el Gadget e insertar el código sigue estos pasos:

1) Ir a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) Una vez allí añades el código del Gadget/Widget

Test de velocidad ADSL / banda ancha – Medir la velocidad ADSL


Con esta herramienta puede medir inmediatamente y de forma gratuita la velocidad de su línea ADSL y de conexión a Internet.
Con nuestro script puede calcular el ancho de banda o la velocidad de su conexión a Internet. Con este fin, hemos puesto a su disposición un servidor independiente para garantizar que la medición sea lo más exacta posible.
Le rogamos que mientras se esté realizando el test de velocidad ADSL no efectúe otras descargas. La línea debe estar libre. Además, no garantizamos los datos medidos, ya que éstos pueden no ser exactos. Se recomienda comprobar el resultado del test de velocidad ADSL con otros proveedores.


DSL Speed Test

Con esta herramienta puede medir inmediatamente y de forma gratuita la velocidad de su línea ADSL y de conexión a Internet.

(c) my-speedtest.com/es/ - Speed Test

Test velocidad - para su homepage

Copie por favor el código siguiente para fijar la herramienta de la velocidad en su homepage. Está para libre.

Enlace:  my-speedtest.com

Cuál es la velocidad de su conexión de Internet?

El velocímetro de alta precisión, es un servicio gratuito de A BELTRÓNICA.A partir de hoy está en su disposición siempre que usted desea saber la velocidad de su acceso en todo momento que usted está conectado con el Internet. Este velocimetro es pluricontinental y por lo tanto permite que usted mida la velocidad de su acceso, no solamente en las comunicaciones nacionales, como también en las internacionales, tanto en los downloads como en los uploads. Ofrezca a sus amigos la posibilidad también gratuitamente para medir la velocidad de las conexiones que hacen a la Internet

Español Français English Português

Señor(a)
está autorizado(a) a utilizar nuestro velocímetro en su Web:

Haga "copy" y "paste" de la figura pretendida, de acuerdo con
el idioma que preferir. De seguida elección en la lista abajo, el link de direcciones, de acuerdo con el país pretendido y lo coloque en la figura del velocímetro, después de la colocación en su página de web.

Lista de direcciones de las figuras

Español:
http://www.abeltronica.com/velocimetro/pt/?idioma=es&newlang=es

Français:
http://www.abeltronica.com/velocimetro/pt/?idioma=fr&newlang=fr

English:
http://www.abeltronica.com/velocimetro/pt/?idioma=uk&newlang=uk

Português (Portugal):
http://www.abeltronica.com/velocimetro/pt/?idioma=pt&newlang=pt

Pruebelo Aquí


Gadget Agregar Botón Skype en el Blog

Ahora se puede usar Skype desde tu sitio web o blog con los botones de Skype, tus lectores o visitas podrán comunicarse contigo.


Enlace: Botones Skype


Elige las opciones simples o personaliza:
  • Colores
  • Funciones
  • Estilos
Como obtener el botón:
  • Escribe tu nombre de usuario
  • Selecciona uno de los botones
  • O botón de estado con tu disponibilidad 
Una vez hayas copiado el codigo html del botón, en Blogger para añadir en la barra lateral haces lo siguiente:

1) Ir a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) Una vez allí añades el código del Gadget/Widget

Todos podrán ver el estado estén o no en tu lista de contactos.

viernes, 6 de abril de 2012

Gadget para blog: En Tiempo Real Fase de la Tierra y la Luna


Para los que les gusta la "Astronomia", la "Luna" e incluso para los "Astrosofistas" y "Astrologos" os presento este widget que muestra la "Fase de la Tierra y la Luna" aquí tenéis el script:

<center><script type="text/javascript" src="http://www.albinoblacksheep.com/earth-moon/embed.js"></script><noscript><a href="http://www.albinoblacksheep.com/earth-moon/">Earth and Moon Phase embed</a></noscript></center>

"La Fase de la Tierra y Luna en Tiempo Real" se integra perfectamente en el diseño de un blog:


Funciona tanto en contenido principal del blog "un post" como la barra lateral. El ancho mínimo es de 200 píxeles.

Puedes copiar el código html que te he puesto o ir a "Get code" del widget. En Blogger para añadir en la barra lateral haces lo siguiente:

1) Ir a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) Una vez allí añades el código del Gadget/Widget

Gadget del Tiempo Mundial para tu blog

Si quiere mantener a sus visitas siempre bien informadas sobre el tiempo que hace en cualquier parte del mundo, aquí dispone de la mejor opción.

Las mejores previsiones del tiempo en tu blog sin necesidad de registrarte con las localidades de todo el mundo. Puedes personalizar el widget, está disponible en tres tamaños y dos formatos a elegir.



Evaluar tu blog: Estadisticas y Gadgets

Con StatMyWeb, podrás tener toda la información necesaria para evaluar tu sitio web o blog:
  • Cuando fue creado
  • Donde esta alojado
  • Su valor estimado
  • Visitas estimadas
  • Ranking de tráfico de Alexa
  • Análisis del nombre de dominio
  • Velocidad de carga de la web
  • Enlaces rotos
  • ...
Obtienes en un único sitio con la evaluación estadísticas del sitio web y información adicional con las herramientas siguientes de StatMyWeb:

La pagina además te ofrece estos 3 gadgets para tu blog:

                                 

Radio Online para Blog

Uno  de los accesorios mas buscados para poner en blogger es un Radio Online, y ahora en les enseñamos como instalar un Radio Online en tu blog a travez de un widget.

¿Como es el Radio Online para blog? Pues se trata de una pagina web que se llama Cadenatop.com y nos ofrece 2 Reproductores con que podemos agregar un Radio Online a nuestro blog.

¿Como poner el Radio Online en el blog? Es muy facil, solo tenemos que copiar el codigo de abajo del Widget Reproductor que queremos instalar en el blog y pegarlo en la seccion Diseño y Añadir un Gadget.

En el primer Reproductor de Radio Online tienes la posibilidad de cambiar la emisora del radio, por que cuenta con  4 emisoras :

1. Top Latino Radio: Lo más escuchado en el mundo latino, en español e inglés.
2. Radio Reggae: Sólo música reggae, en español y en inglés.  
3. Top Urbano: Música urbana, hip hop y reggaeton.
4. Top-x: Música de los 90′s en inglés.



Código

<embed pluginspage="http://www.adobe.com/go/getflashplayer"src="http://cadenatop.com/cadenatop_mini.swf" width="200" height="228" wmode="transparent"type="application/x-shockwave-flash" allowscriptaccess="always"></embed>


El segundo Reproductor de Radio Online solo tiene musica latino y español.  


Código

<embed pluginspage="http://www.adobe.com/go/getflashplayer"src="http://toplatino.net/players/toplatino.swf" width="160" height="240" wmode="transparent"type="application/x-shockwave-flash" allowscriptaccess="always"></embed>

Quiero Este Reloj

Si eres como la mayoría de la gente y están en las redes sociales todo el tiempo, entonces usted necesita un reloj digital en tu página!
Se ve impresionante y ayuda a usted y sus amigos no perder de vista el día / la vida en línea!
  
 
Get your own Digital Clock

Relojes gratis para tu web

RelojesWeb.com te ofrece los relojes más elegantes y atrevidos para poner en tu página web de forma totalmente gratuita
¿Cómo puedes poner uno de nuestros relojes en tu web? 
Es muy fácil: simplemente elige el que más te guste y haz clic en "Quiero este". A continuación se te mostrará una ventana con un código que debes copiar en tu web, donde quieras poner el reloj. 
¡Listo! Ya tienes un reloj completamente gratis para tu web.

Galeria de Relojes

ClockLink.com ofrece relojes de moda que usted puede fácilmente integrar en su página web. Todo lo que necesitas hacer es simplemente pegar la etiqueta en su página web. Nuestro reloj se mostrará el nombre de la ciudad de su elección si lo desea. También puede elegir una zona horaria para el reloj para que se muestre la hora correcta. Decora tu página web con los relojes de Flash libres de PSP en ClockLink.com!


Aquí hay una lista de las últimas relojes flash gratuitos que esperamos que disfrutes. Haga clic en "Ver etiqueta HTML" para ver la etiqueta HTML.