Pubblicato il 01/07/11e aggiornato il

Come creare un countdown personalizzato.

I siti che offrono widget quali orologi o countdown sono piuttosto comuni nel web. Ho già recensito Clock Easy e Flash Countdown ma ho anche mostrato come creare un orologio digitale senza aiuto di siti terzi. CountDown Clock Codes offre conti alla rovescia personalizzati per tutti i gusti. Nella colonna di sinistra sono presenti vari modelli da usare. Ce ne sono in stile MySpace, altri per ricorrenze e avvenimenti quali compleanni, matrimoni, vacanze, feste, ecc. Dopo aver scelto il template, l'unica cosa che non si può modificare è la scritta animata "Until" che si potrebbe tradurre come "Prima di". Nella parte alta vengono visualizzati i giorni, le ore, i minuti e i secondi che mancano all'evento

countdown personalizzato

Nello screenshot precedente si vede l'anteprima del countdown e tutti gli strumenti di configurazione che sono

  1. Inserimento della data dell'avvenimento. Si possono indicare l'anno, il mese, il giorno, l'ora, i minuti e i secondi. E' possibile inserire una data distante fino a un massimo di 999 giorni da quella di adesso
  2. Le due linee di testo da visualizzare nel countdown
  3. Il colore di Until, il colore del testo e quello della data
  4. L'immagine di sfondo che può anche essere animata.

Si clicca su Get HTML Code per acquisire il codice da incollare in una sidebar del blog. A tale proposito, se si ha un blog su Blogger, si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla il codice che avrà una struttura simile a questa

codice countdown

L'URL evidenziato di giallo è quello della immagine di sfondo. Per una personalizzazione ulteriore, si può sostituire il background con una immagine creata da noi con le stesse dimensioni che sono di 300 pixel di larghezza e 200 pixel di altezza. Ho indicato anche il link al sito presente alla fine del widget ma ricordo che non sarebbe corretto toglierlo se non altro perché i file che servono per il countdown sono stati caricati su un server e che vengono offerti gratis.





4 commenti :

  1. Ciao! Secondo me questo servizio è migliore....Permette di selezionare anche la lingua!
    http://www.7is7.com/otto/countdclock.html

    RispondiElimina
  2. @MariaFelicia99
    Grazie dell'informazione :)

    RispondiElimina
  3. Ciao! se volessi inserire un link che rimanda ad una pagina del blog, posso farlo?

    RispondiElimina
    Risposte
    1. @# In linea di massima si può inserire un link a ciascun oggetto seguendo questa sintassi
      <a href="URL_LINK">
      HTML dell'oggetto
      </a>
      Volendo si può fare aprire il link in un&#039;altra pagina in questo modo
      <a href="URL_LINK" target="_blank">
      HTML dell'oggetto
      </a>

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.