Come mostrare un countdown nel blog.

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

Creare un countdown personalizzato per un evento.

Mi sono già occupato di countdown relativamente alle Feste di Natale e di Capodanno ma un widget del genere può essere utile in moltissimi altri casi come potrebbe essere il compleanno del blog, il compleanno del suo autore o l'inizio di un evento particolarmente importante come le Olimpiadi o la finale del Campionato del Mondo di Calcio.

L'obiettivo di questo articolo è quello di condividere un codice che può essere modificato nella data e ora dell'evento per poter essere usato in tutte le occasioni. Il countdown è di aspetto scuro e si può adattare a tutti i layout ma si possono anche modificare i colori e l'immagine di sfondo e scegliere quelli del nostro sito. Il countdown si basa sulla libreria JQuery ed è stato ricavato dai numerosi plugin disponibili per la piattaforma Wordpress

Contatore personalizzato per Natale e Capodanno.

Dopo essermi sbizzarrito a presentare diversi Effetti per Natale un po' in ritardo illustro un modo semplicissimo per creare un countdown impostato sulla mezzanotte del 25 Dicembre 2011. Tale script mostrerà una scritta che in tempo reale si aggiornerà sul numero di giorni, ore, minuti e secondi che mancano allo scoccare della mezzanotte. Lo script potrà facilmente essere adattato anche a un'altra scadenza temporale come potrebbe essere per esempio quella di Capodanno. Nulla vieta di utilizzarlo anche per Pasqua o per un compleanno, basta modificare la data dello script (in inglese) colorata verde.

Quando il conto alla rovescia sarà terminato, i visitatori del blog visualizzeranno un messaggio scelto dall'autore. Si potranno anche configurare dimensioni, colore e altri parametri della scritta che verrà mostrata. Il javascript potrà essere inserito in un post o anche su Layout > Aggiungi un gadget > HTML/Javascript. Il codice per Natale è questo

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

Come creare oggetti in flash o immagini glitterate da inserire nel blog per Halloween.

La sezione Halloween di Pyzam è fornita di parecchi strumenti per la realizzazione di oggetti in flash da inserire nel blog in occasione di tale festività. Ci sono delle sottosezioni più particolareggiate

1. Halloween Flash Toys -
2. Halloween Graphics -
3. Halloween Layouts -
4. Halloween Funny Pictures -

Ci si può registrare gratuitamente e creare le cose più strane. Sarebbe impossibile recensire tutte le possibilità offerte mi limiterò quindi a fare degli esempi.

Se andiamo in Pumpkin Carving Toy possiamo realizzare un'animazione in flash su una zucca che è un elemento tipico di Halloween. Con il mouse si scrive una frase su una zucca e poi acquisiamo il codice da inserire nel blog

Ci sono anche delle realizzazioni grafiche già pronte in Happy Halloween Graphics come per esempio questa

Se ci vogliamo sbizzarrire ulteriormente possiamo anche inserire un countdown scegliendolo tra quelli proposti

Flash Countdown Timer Generator per inserire un orologio in stile countdown nel nostro blog.

Se qualcuno ha un blog che si basa su eventi, manifestazioni o comunque avvenimenti che hanno una ben precisa collocazione temporale può essere carino inserire un countdown nel sito per rimarcarli adeguatamente.

Flash Countdown Timer Generator non ha bisogno neppure di registrazione. Possiamo personalizzare il contatore come ci piace e inserirlo nel nostro sito attraverso l’acquisizione del codice HTML.


Quando avete inserito tutti i dati su

• Colore del testo
• Colore dello sfondo
• Data del countdown
• Il testo da immettere
• Le dimensioni del countdown

si clicca su Generate Cowntdown Now e si seleziona, copia ed incolla il codice che appare nella parte bassa. Se si ha un blog su Blogger per inserirlo basta andare su Layout>Aggiungi un Gadget>HML/Javascript ed incollarlo, quindi salvare e visualizzare il blog.
Fonte | Makeuseof -