Widgets, Gadgets y Recursos Dinámicos fáciles para tu web y blogger.
Widgets, Gadgets y Recursos Dinámicos fáciles para tu web y blogger.
Secciones



No pulsar
El increíble botón que no hace nada
No pulsar
Idioma
Español English
Usuario
Usuario:
Clave:
Recordarme
Reloj digital
TagBoard

Widget Reloj Digital autoajustable

Aquí tienes a tu disposición el widget de un reloj digital completamente ajustable el cuál, además, ajusta el tamaño de los números al tamaño del widget para que sean lo mas grande posible.

Puedes integrar un reloj digital en tu web mediante los siguientes métodos:

Reloj digital para Blogger o Blogspot.
Reloj digital para otros servicios Google (iGoogle, etc).
Integrar tu reloj digital con JavaScript.



Reloj digital para Blogger o Blogspot:

1. Ves a Blogger y accede a tu cuenta. Verás el panel de control de tu(s) blog(s). Ahí pulsa el botón "Diseño" del blog al que quieres añadir el reloj digital.

Add Digital Clock to Blogger, Step 1

2. En la nueva pantalla, elige "Añadir un gadget" en la posición en la que deseas que aparezca.

Add Digital Clock to Blogger, Step 2

3. En la pantalla de gadgets, elige la opción "Añade tu propio".

Add Digital Clock to Blogger, Step 3

4. Ahora escribe la suguiente url:
http://www.dwebresources.com/widgets/google_clock.xml
En el cuadro de texto pulsa el botón "AÑADIR POR URL".

Add Digital Clock to Blogger, Step 4

6. Ahora aparece la configuració del reloj digital. Puedes cambiar los colores, fuentes, etc., aunque a veces no se ve reflejado en esta pantalla (si se verá en tu blog). Pulsa el botón "Añadir" para acabar. Ya tienes el reloj digital en tu Blog.

Add Digital Clock to Blogger, Step 5




Reloj digital para otros servicios Google (iGoogle, etc):

Añade gadget a través de esta URL con un proceso similar al anterior:
http://www.dwebresources.com/widgets/google_clock.xml

También puedes cargarlo siguiendo el siguiente enlace: +Google




Integrar tu reloj digital con JavaScript:

Para añadir el reloj a través de un JavaScript, rellena el siguiente formulario:

Ancho (CSS):

Alto (CSS):

Color (CSS):
Vacío: Verde

Fondo (CSS):
Vacío: Negro

Fuentes (separadas por coma):
Vacío: Fuentes de ancho fijo

¿Negrita?

Modo:

Con los datos anteriores, el script quedaría:



Deja aquí tus críticas, bugs o comentarios.