Pubblicato il 31/07/15e aggiornato il

Come mostrare un countdown nel blog.

Come implementare nelle pagine web un countdown per giveaway, eventi, festività, compleanni, ecc.
Ci sono molti siti che creano degli Eventi e altri che usano i Giveaway per fidelizzare i lettori. In questi casi può essere utile mostrare un countdown con il numero di giorni, ore, minuti e secondi che mancano a un dato accadimento che può essere anche legato a date particolari come il Natale o il Capodanno.

Ho visto in alcuni siti di tecnologia dei countdown relativi al rilascio di Windows 10 o a importanti eventi della Apple o di Google. Vediamo alcune soluzioni che possono essere implementate nel blog sia importate da siti specializzati sia create da noi senza servizi esterni.

Countdown Clock Codes è uno di questi siti che offre moltissime soluzioni

countdown

Nella colonna di sinistra ci sono i moltissimi temi in cui scegliere il nostro countdown e vanno da Animati a Compleanni, da Cartoon a Natale, da Pasqua a Halloween, dalla Laurea a alle Vacanze, da San Valentino al Matrimonio senza dimenticare Sport, Anno Nuovo e altri ancora. Dopo aver cliccato nella sezione desiderata non resta che configurare il countdown con la data dell'evento

countdown[5]

Si inserisce oltre alla data dell'evento anche il messaggio che devono visualizzare i lettori. In basso si dovrà poi copiare il codice da incollare su Layout > Aggiungi un gadget > Base > HTML/Javascript oppure incollarlo in un post o in una pagina statica in Modalità HTML.

Countdowns Clocks for Websites è più minimalista ma permette di selezionare anche la lingua

countdown[7]


Clock Easy permette di mostrare nel sito orologi e anche countdown, allarmi e cronometri

clock-easy

Dopo aver scelto la tipologia e aver impostato la data e digitato il testo si va su Generate

generare-codice-countdown

quindi su Get Code. Il codice andrà copiato e incollato come illustrato in precedenza.

Counting Down To permette di scegliere il fuso orario e la lingua

conto-alla-rovescia

È anche possibile personalizzare colori e formato del testo oltre aggiungere alcuni effetti.

Free Countdown oltre al fuso orario permette anche di scegliere tra diversi modelli

free-countdown

Dopo la configurazione si va su Show HTML per copiare e incollare il codice.

Online CountDown ha una configurazione semplice e un aspetto minimalista

onlie-countdown

Si può scegliere la lingua e il fuso orario oltre ai colori del testo e dello sfondo. Si va su Embed per generare il codice che poi deve essere copiato e incollato in un gadget HTML/Javascript.

Tick Counter Widget  è ancora più semplice ma con la possibilità di inserire un suono

tick-counter


Il suono di allarme suonerà alla data e all'ora impostata. Andando in basso su Countdown potremo selezionare, copiare e incollare il codice con le stesse modalità.

Countdown personalizzato con un codice indipendente da altri servizi

countdown-personalizzato
Ci sono anche widget per cellulari Android quali Conto alla Rovescia e Countdown Widget.




3 commenti :

  1. Molto interessante soprattutto durante un giveaway, lo rende senz'altro più completo.
    Visto che sono qui ti vorrei chiedere come mai in tutti i miei gadget di blogger affianco ho il simboletto della chiave con il cacciavite, lo trovo davvero anti estetico.
    Grazie

    RispondiElimina
    Risposte
    1. Ahah questa è divertente. Si tratta di una funzionalità molto importante ma che vedo tu non conosci :)
      1) L'icona della matita e del cacciavite con la chiave le vede solo il proprietario del blog
      2) Io vedo l'icone su questo sito ma tu no
      3) Se si clicca sulla icona della matita si può modificare al volo un post senza aprire la Bacheca mentre se si clicca sulla icona del cacciavite e della chiave inglese si può modificare al volo un widget senza andare su Layout.
      Spero di essere stato esauriente
      @#

      Elimina
    2. Sei stato molto illuminante.
      Sono contenta di avertelo chiesto, altrimenti mi sarei tenuta questo cruccio per chissà quanto tempo!
      Grazie!!!

      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.