Data e orologio digitale da inserire in pagine web, siti o blog

Ci sono molti servizi, anche gratuiti, che offrono una vasta gamma di stili di orologi, da inserire in pagine web e siti più o meno professionali. Mostrare la data corrente e l'orario con i secondi, può essere utile in alcuni siti che si occupano di eventi, che hanno creato dei sondaggi o dei concorsi a premi tra i lettori.

Su internet l'ora e la data possono essere acquisiti dal sistema in modo automatico. Gli utenti di Windows possono per esempio andare sulle Impostazioni per sincronizzare data e ora con i server della Microsoft.

In linea di massima quindi non è necessario utilizzare delle risorse esterne per avere ora data nel computer e nel web. D'altra parte la data e l'ora corrente possono essere ricavati anche con il javascript che poi potrà essere inserito in una pagina web, in un post o in un widget di un sito.

Come mostrare data, ora minuti e secondi nel blog.

Nel precedente post ho parlato dei servizi per inserire nel nostro sito un countdown e cercando su internet possiamo trovare anche siti che offrono dei widget per gli orologi digitali come ClockLink e ClockEasy con quest'ultimo che può servire anche per i countdown.   

In questo articolo vedremo come mostrare in una sidebar ora e data correnti a tutti i visitatori che aprono il nostro sito. Si tratta di un puro javascript che può essere modificato a piacimento nei colori e nella dimensione e famiglia di caratteri. I secondi continueranno a essere correttamente visualizzati e continueranno a scattare anche dopo la completa apertura della pagina.

Inserire nel blog un Calendario e un Orologio digitale personalizzabili.

Presenterò l'installazione di questo gadget in un blog su Blogger ma può essere usato in tutti i siti che supportano il javascript. Ci sono in rete molti siti che offrono widget molto carini per calendari e orologi da mettere nel nostro sito. La proposta di questo articolo riguarda un Calendario e un Orologio estremamente minimalisti formati da solo testo che però è personalizzabile nei colori e nella famiglia di caratteri per essere in tono con i colori del nostro sito.

L'aspetto del gadget sarà il seguente

ClockLink per orologi originali da inserire nel blog.

Uno dei widget più amati dai blogger è certamente quello dell'orologio. Sono infatti moltissimi i siti che amano presentare nel proprio layout l'ora corrente. Ho già proposto alcuni siti che offrono questo servizio gratuitamente come ClockEasy, Flash Countdown o CSAlim.com.

Gli orologi digitali si possono anche creare da soli come il classico orologio digitale con calendario. Uno dei migliori siti che permettono di installare orologi di ogni genere nel blog è ClockLink che presenta una vastissima galleria di modelli di orologi che possono essere configurati con il nostro fuso orario, con la scelta delle opportune dimensioni e del colore più appropriato.

Nella Galleria sulla colonna di sinistra sono visibili le categorie dei temi degli orologi che sono Newest (più recenti), HTML5, Ad Free, Analogici, Animali, Animazioni, Countdown & Up, per blog con Sfondi scuri, Digitali, Vacanze, Logo & Custom, Stagioni, Sport, Trasparenti e Wallpaper.

Come inserire un orologio digitale nel blog insieme alla data.

Nel web ci sono molti siti specializzati in orologi da inserire nei blog. Ho già avuto modo di presentarne alcuni che propongono orologi in flash o anche countdown, allarmi e cronometri. Adesso voglio invece illustrare come inserire l'ora digitale in modo assolutamente indipendente da qualsiasi altro sito ma utilizzando solo del codice javascript. Questi orologi possono essere personalizzati come dimensioni, colori e posizione nel layout e sono sincronizzati con l'ora ufficiale europea e quindi anche italiana.

Ho pensato di dare due alternative, la prima prevede l'inserimento dell'orologio in una sidebar o comunque nel layout del blog, con la seconda invece l'orologio sarà fisso nello schermo e rimarrà sempre in primo piano anche quando si scorrerà la pagina.

• Demo dell'orologio digitale nella sidebar -

 

Come mostrare l'ora e la data corrente nel blog.

Ci sono un sacco di siti che offrono dei graziosissimi orologi digitali da inserire nel blog per mostrare l'ora corrente così come ci sono dei calendari altrettanto carini. Certo però che crearsi un calendario e un orologio da soli e personalizzarlo secondo i colori del nostro blog è tutta un'altra cosa. Utilizzando un meccanismo abbastanza simile a quello per mostrare il numero dei commenti e degli articoli pubblicati dal blog vado a presentare uno script che può essere inserito in un elemento pagina del blog o anche in un singolo articolo che mostrerà la data corrente e l'ora comprensiva di secondi di quando è stata caricata la pagina.

Il codice può essere inserito in Modalità HTML in un post o nelle pagine statiche. Se si vuole mettere in una sidebar occorre andare su Design > Aggiungi un gadget > HTML/Javascript e incollarlo in sezioni del sito. Ecco il codice

ClockEasy per inserire orologi, countdown, allarmi e cronometri in un blog.

ClockEasy è un generatore di orologi, cowntdown e allarmi da inserire nel nostro blog. Già nella prima schermata si può selezionare il prodotto che ci interessa cliccando sulla sua icona



Gli orologi e i countdown possono anche essere facilmente implementati nel blog. Se invece cliccate su Alarm potete impostare un orario e ricevere un avviso sonoro, ovviamente se tenete aperta la finestra. Invece su Chrono si può calcolare il tempo al millesimo di secondo cliccando con il mouse su Start e successivamente su Stop. E' come avere un cronometro sottomano.

Occupiamoci però della parte più interessante per i blogger e cioè dell'orologio




Si può scegliere il tipo di font, la loro dimensione, il loro colore e il colore di sfondo. E' anche possibile scegliere la dimensione del bordo e la larghezza dell'orologio ed anche la sua distanza dal contorno dell'elemento in cui si inserisce (padding). Si clicca su Generate, quindi su Get Code per ottenere il codice. Questo sarà possibile copiarlo attraverso una finestra popup. Potrà essere inserito nel blog in modalità HTML oppure in un elemento pagina andando su Layout > Aggiungi un gadget > HTML/Javascript 
Nel caso del cowntdown ci sono ulteriori opzioni quali l'indicazione dell'evento, l'inserimento della data e dell'ora dell'evento, la forma del countdown.

Altri siti di questo tipo possono essere trovati nell'articolo su come inserire gratis orologi nel nostro blog.

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 -

Due siti per inserire gratis orologi in flash nel nostro blog

 Il primo sito che vi voglio segnalare è ClockLink.com. Dopo essere entrati clicchiamo su Gallery e scegliamo il tema del nostro orologio. Si va dai più recenti ai temi di animali, animazioni, digitali, cowntdown, a sfondo nero, vacanze, trasparenti, sportivi, ecc. Clicchiamo quindi su View HTML Tag quindi su Accept per quanto riguarda le condizioni di utilizzo, quindi personalizziamo quello che è possibile personalizzare, dipende dal modello scelto. Dopo aver scelto le dimensioni infine la cosa più importante da fare cioè scegliere il nostro fuso orario. Non c'è difficoltà basta controllare l'orologio

Non resta che selezionare e copiare il codice del primo riquadro (il secondo codice serve solo se il primo non funziona), quindi incollarlo sul nostro sito dove più ci piace. Se ne volete vedere all'opera una cliccate qui.

L'unico difetto è che quando si passa sopra con il mouse viene visualizzata la pubblicità del sito ed ecco allora che siamo alla seconda opzione che offre circa 150 orologi gratis in flash senza pubblicità. CSalim.com è altrettanto semplice da utilizzare. Dopo essere andati in Home scegliete Clock Gallery e guardate l'offerta presente che è decisamente numerosa. Scegliete quindi il modello che preferite nelle 11 categorie presenti. Copiate ed incollate il codice nel vostro blog. Il fuso orario è determinato automaticamente.

Per vederne all'opera uno guardate qui.