24

Contador de cuenta atrás. Como hacer un contador de cuenta atrás para tu blog paso a paso

meneame_share

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).

- Contador de cuenta atrás paso a paso -

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

widget personalizado Contador de cuenta atrás. Como hacer un contador de cuenta atrás para tu blog paso a paso

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”).

cuenta atras Contador de cuenta atrás. Como hacer un contador de cuenta atrás para tu blog paso a paso

3º) En la ventana siguiente debes rellenar los distintos campos para configuar tu contador de cuenta atrás. pon el nombre que quieras darle al contador. añade una pequeña descripción a tu widget. aquí si quieres puedes subir una imagen que represente al widget que estás creando en la galería de Widgets de SpringWidgets. 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). 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. elige entre distintos estilos de reloj para tu contador. por último pon el enlace hacia la página que quieres que apunte el reloj del contador.

Configura el contador de cuenta atrás


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.

Elige tema para el contador

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.

Opciones contador cuenta atrás

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.

Código del contador de cuenta atrás

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.


meneame_share

24 comentarios

  1.   Mariano dijo

    Otro buen “paso a paso” y van…..?

    Ya se me va a ocurrir algo para usarlo. :-)

  2.   Rogelio dijo

    Habra que esperar el aniversario.

  3.   The-RockeR dijo

    Muy útil. Me parece que ya sé cuando voy a poner la cuenta atrás y para qué…Muahahaha!

  4.   Intruso dijo

    Pues a mi me va de perlas para mi concurso, asi podré indicar cuanto queda para el final, merci tiuuuuuuuu

  5.   Vinagre dijo

    La verdad es que el reloj es muy socorrido, se personaliza bastante y carga muy rápido. Ideal para cualquier evento ya que da un toque un tanto sofisticado ;)

  6.   Alfred dijo

    Por favor quiero saber donde pego el codigo?

  7.   Vinagre dijo

    Alfred ¿donde quieres publicar el contador de cuenta atrás?

  8.   airedebruja dijo

    por favor, pego el codigo en mi blog, pero luego no se ve al publicarlo
    como y donde debo ponerlo para hacerlo bien
    lo hago en HTMLm y en vista previa se ve bien… despues no

  9.   Vinagre dijo

    airedebruja si usas wordpress prueba a desactivas el editor visual y quédate solo con el de código. No deberías tener problemas.

  10.   Andres dijo

    es una pena no poder usarlo para foros.

  11.   ^^SaNd^^ dijo

    Pero el problema, es que como es ingles, va una hora avanzado.
    Pero por lo demas es perfecto.

    Por cierto entrar en http://www.wiistation.net

    buen web site!!

  12.   Miguel Ángel dijo

    Muy bueno el tutorial pero me interesaria mas saver como crear mi propio widget, programando en flash u asi no que me aga el widget una pagina y despues yo lo inserto en mi pagina eso no vale

  13.   Oscar GP dijo

    Hola!

    Buen sitio! yo explico como hacerlo desde blogger en mi blog y tu desde otro :).

    http://www.oscargp.net/2008/02/insertar-contador-de-visitas-al-blog.html

  14.   pablo dijo

    muy bueno, excelente, lo estoy usando

  15.   Rubén dijo

    Muy buena la explicación, lo que yo no entiendo es cómo puedo poner una cuenta atrás ya hecha por otra persona en mi firma en un foro que es lo qeu trato de hacer.

  16.   angel dijo

    me he equivocado ese es para descargar aqui esta el version web: http://www.yourminis.com/minis/yourminis/yourminis/mini:countdown

  17.   Supersar dijo

    Gracias por tus entradas. Gracias a ellas he puesto muchas cosas en mi blog. Thanks!!! :)

  18.   Marco Di Calderon dijo

    mil gracias amigo, estaba buscando este articulo.

  19.   Carlos dijo

    EL problema qeu tengo yo es que me dice :
    Una vez que finalizo:

    Error. The widget was not found in our system.

  20.   XIANA dijo

    Hola! y primero decir que Feliz Año 2010
    Yo ya lo hice todo con tus pasos pero tengo un problema,hago click en opciones para coger el codigo y pegarlo y me dice “error loading services”una y otra vez y nada.
    Otra pregunta,al coger un codigo de otro contador,el codigo que le sale es demasiado largo porque lo copio y lo pego donde yo quiero y nada.
    Que puedo hacer y como?
    Gracias

  21.   Cahrly dijo

    A mi me da fallo cuando intento obtener el codigo, me pone Error loading services…. (¬¬)

  22.   rodolfo dijo

    a mi también me sale Error loading services… por tanto es imposible de publicar, sabeis como solucionar este problema???

  23.   Carlos dijo

    A mí tambien me pasa lo mismo, es una pena porque lo tenia ya terminado…

Escribe un comentario