Hace unos días os contaba como había encontrado una página de Widgets que me pareció muy interesante y prometí hacer un tutorial explicando como crear uno de estos widgets e incluirlo en vuestro blog.

Hoy vamos a ver como crear un contador de cuenta atrás personalizado y ya veréis lo fácil que es insertarlo luego en vuestro blog. ¿Para qué puede servir un contador de cuenta atrás?, pues resulta muy útil cuando quieres avisar a las visitas de tu blog de que tienen un plazo para apuntarse a una iniciativa o concurso. También puedes usarlo por ejemplo si quieres que coincida el final de la cuenta atrás con una celebración o aniversario (cumpleaños del blog o del blogger por ejemplo).

De todas formas no os recomiendo llenar la página de elementos superfluos que no aporten nada, usad los complementos como este reloj de cuenta atrás cuando realmente lo necesitéis y permitiros un uso más frívolo de los mismos solo cuando vuestras páginas carguen correctamente, no estén recargadas y pesen poco (que el tamaño total de la página no sea grande).

1º) Ve a la página Spring Widgets y pincha en “Express Widgets” para crear tu widget personalizado.

2º) En la ventana que se abre tienes dos opciones, puedes crear tu propio lector de RSS para insertarlo en tu blog (ésto lo veremos otro día) o puedes crear el contador de cuenta atrás. Para hacer esto último debes pinchar en “Countdowns” (“cuenta atrás”).

3º) En la ventana siguiente debes rellenar los distintos campos para configuar tu contador de cuenta atrás. 1º pon el nombre que quieras darle al contador. 2º añade una pequeña descripción a tu widget. 3º aquí si quieres puedes subir una imagen que represente al widget que estás creando en la galería de Widgets de SpringWidgets. 4º este punto es importante porque determinará el tamaño final de tu contador. Pon el ancho en la primera casilla (w) y el alto en la segunda (h). 5º Aquí tienes que poner el texto que aparecerá en el widget, pero ojo, si en el punto en que debes elegir tema (Chose a Theme, lo veremos más adelante) eliges usar una imagen propia este texto no se verá, solo verás tu imagen y el contador. 6º y 7º selecciona día y hora para el final de la cuenta atrás. 8º elige entre distintos estilos de reloj para tu contador. 9º por último pon el enlace hacia la página que quieres que apunte el reloj del contador.

4º) Ya solo queda elegir el tema de nuestro contador. Tienes dos opciones: elegir un tema ya creado por ellos, lo más fácil o usar una imagen propia como fondo del contador. Si no quieres complicarte elige un tema (Theme) entre los muchos que hay (Sports, Red Roses, Party, Music, etc). Si prefieres algo más personalizado introduce la dirección de la imagen que quieras usar (debe estar colgada en Internet para enlazarla) en el campo “Use My Image” (“Usar mi imagen”), los recuadros X Position e Y Position sirven para desplazar la imagen elegida en horizontal o vertical respectivamente.

5º) En cualquier caso cuando hayas terminado pincha en “Publish My Widget” (“Publica my widget”, ver imagen de arriba) y verás tu widget terminado. Pincha en el botón “Options” para obtener el código que necesitas para insertar el contador en tu web o blog.

6º) Por último solo te queda elegir el código que quieres usar entre todos los que te ofrece y después debes insertar el código elegido en tu página.

Y eso es todo. Ya podrás tener en tu página un contador que te recuerde el plazo que queda para una cita o fecha importante. Espero que les haya sido útil este manual paso a paso. Saludos avinagrados.