Sottofondo di canzoni di Natale per il blog

Durante le Feste molti amministratori di siti web sono soliti aggiungere delle personalizzazioni al loro layout. In questo post vedremo come riprodurre automaticamente e in modo casuale alcuni motivetti natalizi.

Purtroppo la piattaforma Blogger non supporta più l'autoplay dei player HTML5 quindi dovremo aggiungere un pulsante per permettere al navigatore di ascoltare un jingle natalizio casuale cliccandoci sopra. Poi potrà interrompere la riproduzione e aggiustarne il volume.

Nelle altre piattaforme, o in pagine web generiche, sarà possibile riprodurre canzoni natalizie di sottofondo che cambieranno tutte le volte che il lettore aprirà una nuova pagina o ricaricherà quella corrente.

Per evitare problemi di copyright, ho scelto i jingle natalizi tra quelli che possono essere scaricati e utilizzati legalmente. Ho selezionato 14 risorse in cui trovare musica natalizia. Le canzoni poi dovranno essere caricate nel cloud per permetterci di ottenere il link di download utilizzabile per creare un player HTML5.

16+ App Android e iPhone per il Natale.

Si avvicinano le Feste di Natale con tutti gli annessi e connessi dovuti alle tradizioni religiose e culturali e alle abitudini ormai consolidate. C'è che chi investe tempo e denaro per pensare e acquistare i regali natalizi da fare a parenti e amici, chi invece inizia a programmare le vacanze in montagna o in viaggio in luoghi esotici.

Ci sono poi i bambini da accontentare, non solo quelli di famiglia ma anche degli altri parenti con la difficoltà di scegliere il regalo giusto in relazione all'età. In questo periodo le ricerche su internet inerenti a idee per il Natale sono sicuro aumenteranno di volume in modo esponenziale.

Non c'è neppure bisogno di stare davanti al computer perché ormai le ricerche da dispositivo mobile hanno raggiunto quelle da fisso e in futuro ci sarà il sorpasso. La tecnologia, e segnatamente le applicazioni per il mobile, offrono una grande quantità di idee e di servizi per rendere il Natale e le feste collegate un periodo felice e non un momento di stress con la paura di aver dimenticato regali o auguri.

Come inserire effetti speciali nel blog per le Feste di Natale.

Qualche settimana o anche solo qualche giorno prima di Natale alcuni amministratori di blog sono soliti abbellire il loro sito con addobbi natalizi di ogni genere. Come tutti gli anni penso di fare cosa gradita ai lettori presentando alcuni effetti speciali a tale scopo.

Si tratta di cose già pubblicate su questo sito in anni passati ma sono tutte nuovamente controllate visto che da un anno all'altro i siti utilizzati come hosting degli script spesso cessano la loro attività. L'anno scorso capitò a Google Code e dal prossimo anno sarà così anche per Google Drive.

Alcuni di questi effetti possono anche essere inseriti contemporaneamente e per quasi tutti ci sono le demo da visualizzare in alcuni blog di prova che utilizzo.

Jingle di Natale che si riproducono automaticamente nel blog.

Mancano meno di quaranta giorni a Natale e come tutti gli anni in questo sito inizio a pubblicare dei widget da usare in occasioni di tali feste. Una personalizzazione sempre molto richiesta è quella delle canzoni natalizie che si riproducono in automatico.

I player audio utilizzati in passato per la riproduzione dei file erano basati su servizi di Google che sono stati ritirati come Google Reader, che aveva un player per i feed, e Google Code. Per fortuna adesso tutti i principali browser compreso Internet Explorer supportano i tag HTML5 <audio> e <video> che implementano un player nel browser senza bisogno di appoggiarsi ad altri servizi.

Effetti speciali di Natale per il blog (3° parte)

Sono già arrivato al terzo post sulle personalizzazioni che possono essere aggiunte al nostro sito su Blogger, ma non solo, in occasione delle Feste di Natale. Ce ne sarebbero molti altri ma non ho ancora deciso se continuare a proporli o passare rapidamente a qualche altro argomento. 

In linea di massima un inserimento di effetti di tipo stagionale è consigliabile per dare un tocco di attualità ai blog e per rendere il lettore più partecipe di contenuti specifici di questo periodo dell'anno che abbiamo già postato o che pubblicheremo in seguito.

Bisogna avere l'accortezza di non appesantire troppo il caricamento della pagina ma anche questo è un problema relativo visto che la personalizzazione dura un mese al massimo e che dopo ritornerà tutto come prima anche dal punto di vista dei motori di ricerca. Ricordo gli articoli già scritti su questo tema

1. Effetti speciali di Natale per blog (1° parte)
2. Effetti speciali natalizi per blog (2° parte)

Canzoni natalizie e altri effetti da inserire nel blog per Natale.

Continuo a presentare altre personalizzazioni da mettere nel blog in occasione delle feste di fine anno. Dopo un primo articolo pubblicato ieri vado a illustrare un'altra serie di effetti che non esaurirà il tema perché penso che ci vorrà un altro post per completare l'elenco.

La scelta di mostrare widget o layout natalizi nel nostro sito su Blogger è puramente personale e dipende molto dalla linea editoriale del sito. Questi effetti stanno molto bene in siti che si occupano di giochi, di make-up, di vacanze, di viaggi, di acquisti mentre per siti più tecnici come questo penso che non aggiungano nulla alla esperienza degli utenti.

RIPRODURRE CANZONI NATALIZIE IN MODO CASUALE

Effetti speciali natalizi per blog su Blogger (1° parte).

Visto che mancano meno di due settimane a Natale ripropongo alcuni effetti speciali da inserire nel nostro sito su Blogger (ma non solo) in occasione delle festività di fine anno. Data la gran mole di effetti che ho presentato in questi anni molti dei quali sono tutt'ora perfettamente funzionanti e visto che ho intenzione di integrarli con altri realizzati per l'occasione ho pensato di dividere l'articolo in almeno due parti per non avere un post di lunghezza enciclopedica.

Per ciascuna personalizzazione ho realizzato anche una dimostrazione per dare la possibilità al lettore di visualizzare direttamente l'effetto online. Si va dalle classiche nevicate, alle canzoni natalizie, dalle stelle comete alle slitte di Babbo Natale, dagli Angeli volteggianti ad addobbi natalizi tipici.

COUNTDOWN PER NATALE

Effetti speciali da inserire nel blog per le Feste di Natale.

Durante le Feste di fine Anno è usanza tra i blogger di abbellire il proprio sito con immagini e effetti natalizi. Questa operazione non è tipica solo del Natale ma si osserva anche per Pasqua e per feste molto caratterizzate quali San Valentino e Halloween. Con questo articolo è mia intenzione elencare tutta una serie di personalizzazioni che possono essere inserite nel blog durante le Feste di Natale. Molte di esse sono compatibili quindi se ne possono aggiungere anche più di una contemporaneamente.

Molti degli effetti che vado a presentare sono estratti da post già pubblicati che sono stati rivisitati e corretti e che dovrebbero funzionare nei blog di tutte le piattaforme anche se come sempre farò riferimento a quelli su piattaforma Blogger per quello che riguarda la procedura di installazione.

Come addobbare il blog per le Feste di Natale.

Tutti gli anni in questo periodo della stagione ho presentato delle personalizzazioni per abbellire il blog con effetti natalizi. A fine post ricorderò alcuni degli articoli che ho già postato e che mantengono intatta la loro validità. L'effetto che vado a proporre inserisce nel layout due immagini fisse nella parte alta del blog e due nella parte bassa oltre a un effetto nevicata che è sempre molto richiesto. L'articolo mi è stato ispirato dal blog Duy Pham. Si tratta di un codice javascript che va incollato nel modello e di cui, come mio solito, ho postato nel web una dimostrazione

Tale codice può essere incollato in una qualsiasi pagina web che supporti il javascript. Se utilizziamo la piattaforma Blogger, si va su Modello > Modifica HTML > Procedi e si cerca la riga </body>. Subito sopra si incolla questo codice

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 inserire le luci di Natale nel blog.

Dopo aver visto diverse luci natalizie su Christmas Graphics e su siti analoghi ho pensato di postare dei codici per mostrare tali luci di Natale nel blog. I vari codici si possono installare secondo due metodologie. La prima è quella di andare su Modello > Modifica HTML > Procedi e incollarli sopra il tag </body> mentre la seconda è quella di andare su Layout > Aggiungi un gadget > HTML/Javascript. Nel primo caso le luminarie saranno visibili nella parte alta del blog nella zona della Navbar. Questo non comporterà alcun problema per chi la Navbar non la usa o addirittura non ce l'ha ma può essere fastidioso per chi la utilizza per entrare nel blog. Con questa opzione l'estensione delle luci sarà per tutta la lunghezza del blog.

Se invece si incolla il codice delle ludi di Natale attraverso un gadget questo può essere posizionato a piacere per esempio nella zona soprastante agli articoli o addirittura in una Sidebar. Si visualizzerà però soltanto per la larghezza dell'area principale o della colonna in cui viene inserito il gadget. Ecco le immagini

Come inserire immagini in cornici e modelli di Natale o di Capodanno.

Uno degli articoli con il più alto Page Rank di questo blog è quello che elenca tutta una serie di siti in cui creare fotomontaggi. Lo stesso post ha anche ricevuto un numero piuttosto alto di Mi Piace. Mi sembra quindi naturale andare incontro alle aspettative dei lettori indicando un paio di applicazioni in cui fare in modo molto semplice dei fotomontaggi natalizi o relativi all'Anno Nuovo. Molti servizi tra quelli elencati nel post appena linkato hanno una o più sezioni dedicate proprio a queste specifiche festività come del resto a quelle di Pasqua o di San Valentino. Mi limito quindi a segnalare i più interessanti in questo senso.

Photo Montager ha per esempio le sezioni Merry Christmas e Happy New Year. La sezione natalizia conta circa 350 modelli che possono essere usati per inserire le nostre immagini mentre in quella di Capodanno si può scegliere tra una sessantina di template preconfezionati. Dopo aver cliccato sul tipo di fotomontaggio prescelto apparirà una finestra con tre icone in cui si può selezionare la nostra immagine dal computer, dalla webcam o da un album di Facebook. Andando su Fx si può selezionare uno dei numerosissimi effetti e cliccando su T si può anche aggiungere del testo formattato. Si può sempre annullare l'operazione, cambiare foto e aggiungerne un'altra cliccando sull'icona del più. Quando si è finito si clicca su Vai.

Effetto di Angeli che volteggiano da inserire nel blog per Natale.

Faccio un breve riepilogo degli Effetti Natalizi o comunque stagionali che ho già presentato:

1) Effetto Foglie cadenti -
2) Effetto nevicata e altri oggetti che cadono -
3) Neve e Stella Cadente -
4) Effetto neve per blog scuri -
5) Neve colorata che cade nel blog -
6) Canzoni di Natale come sottofondo -
7) Slitta di Babbo Natale -
8)Campane per addobbare il blog -
9)Luci di Natale -
10) Countdown per Natale e Capodanno -

Sulla falsariga dei Fantasmi utilizzati per abbellire il blog in occasione di Halloween, ho pensato di utilizzare lo stesso script per visualizzare degli angeli che si animano nello sfondo del blog. In rete ho trovato queste tre immagini gratuite ma se volete ne potete usare anche altre

Come inserire la slitta di Babbo Natale che si sposta nel blog.

Continuo nella pubblicazione di effetti in tema con il periodo natalizio. Vediamo come sia possibile mostrare una Slitta animata di Babbo Natale (o Santa Claus per gli anglofili) che fa delle scorribande all'interno del blog. Il primo codice che propongo è il seguente

<!-- Slitta Babbo Natale Inizio -->
<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:1000; width:100%;'><img src='https://lh3.googleusercontent.com/-DxBG25VPAXY/TuM0d0DAXRI/AAAAAAAAVso/l_g37X9Tjok/s350/slitta-babbo-natale.gif'/></marquee>
<!-- Slitta di Babbo Natale Fine -->

Effetto nevicata o altre immagini che cadono da inserire nel blog.

Questo effetto, che può essere inserito nei siti su piattaforma Blogger e nei siti su piattaforma Wordpress, si basa su un celeberrimo script di Dynamic Drive. A seguito di richieste che mi sono pervenute per email, ho ritenuto opportuno far scegliere al singolo blogger l'immagine cadente da visualizzare. I vincoli sono che debba avere delle dimensioni tra i 20 e i 34 pixel, diciamo intorno ai 25-28 pixel sarebbe l'ideale, e che sia in formato GIF o PNG con sfondo trasparente.

Ho pubblicato su Picasa alcune immagini che possono essere usate per questo effetto

Come scaricare migliaia di immagini natalizie da Office o crearle con Google Plus.

In questo periodo prenatalizio molte persone vanno alla ricerca di immagini per abbellire i loro blog o per creare delle composizioni particolari con oggetti di Clip Art legati al Natale. Microsoft Office Immagini ti offre la possibilità di scaricare gratis migliaia di immagini, foto, animazioni e suoni. E' presente un selettore in alto per cercare tra tutti gli elementi o per limitarsi per esempio alle immagini.

Si può inserire una parola chiave nel campo sottostante e quindi cliccare su Cerca. Alternativamente si può andare sugli album presentati in primo piano che in questo periodo dell'anno sono Festeggiamenti, Anno Nuovo e Bordi.

Canzoni di Natale nel blog come sottofondo musicale.

Dopo aver presentato tra gli Effetti per Halloween anche dei suoni tipici di quella festa che si riproducevano automaticamente per qualche secondo all'apertura di una pagina, voglio illustrare una personalizzazione simile ma che riguarda le canzoni e i jingle di Natale. La riproduzione avviene mediante il player di Google Reader che però risulterà invisibile visto che sono state configurate dimensioni pari a zero.

Ho raccolto sul web tutta una serie di canzoni tipiche natalizie che possono però essere integrate con altri brani o depurate dai jingle che non vi piacciono. Ciascun pezzo ha una durata massima di 50 secondi in modo da rendere il caricamento immediato. Quando si è installata questa personalizzazione, all'atto dell'apertura di ciascuna pagina del blog, inizia la riproduzione di un jingle in modo del tutto casuale. Potete constatarlo aprendo e ricaricando

• Il post di Demo della riproduzione casuale di jingle e canzoni natalizie -

Come addobbare il blog con effetti speciali per le feste di Natale.

Dopo aver presentato l'effetto della neve che cade basato su immagini di fiocchi o cristalli di neve in caduta oscillante e dopo aver proposto l'effetto tempesta di neve con la possibilità di personalizzarne il colore, ho pensato di racchiudere in un unico script alcuni abbellimenti per il blog da utilizzare durante le feste natalizie.

Si tratta di unire insieme la tempesta di neve a delle campane da visualizzare nella parta alta del blog. Ne propongo di tre tipi ma si possono facilmente inserire le immagini che più ci piacciono. Per l'installazione dell'effetto basta andare su Design > Aggiungi un gadget > HTML/Javascript e aggiungere il seguente codice in Sezioni del sito senza immettere il titolo

<!--Widget Natale Inizio-->
<script type="text/javascript" src=" ... jquery-snowfalls.min.js"></script>  <script type="text/javascript"> $("body").append($("<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpw5Zmq2vzZeJisbgXTXG0QrSqHsAca2Zn3F_WCDsV1cWAnT5Lph_0ZF2m8T8Wqy-DhyphenhyphenwZBbNr7DC5XGpYmB-1PfNtrH7O9EQkmoC1_d2PRBsxg3ho0lfmJzdhiq1TOGB3VxQIwIWK6pes/' style='position:absolute; top: 15px;left:0px;border:none;'/><img id='xmasleftbell' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7dX4rMdueNNVAxJ-4Vj_ryBjxM5ZkzZdR3hlsBqc3_KV1X2uPDSMIAJ7h-jHdKF8SGKbXE3HfCk7qFvbT_XoAiqvnkoxGdJ1NtEGrBbEJJgSfo4lH16Vpqwn37yGGSg_SOxdYFmDTR-rM/' style='position:absolute; top: 15px;right:0px;border:none;'/>")); </script> <script src=' .... cascata-di-neve.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>
<!--Widget Natale Fine - www.ideepercomputeredinternet.com-->

I due file javascript il cui URL deve essere incollato al posto di  ... jquery-snowfalls.min.js e  .... cascata-di-neve.js possono essere scaricati da questo archivio e caricati su DropBox.
Dopo aver salvato il widget e averlo posizionato in qualsiasi punto del blog, il vostro sito prenderà questo aspetto

Hypergurl per inserire nel blog dei giochi online gratuitamente.

<hiper>gURL è un portale di giochi molto interessante perché dà l'opportunità di acquisire l'HTML per postare in un articolo o in una sezione del layout del blog. Ci sono anche diversi tutorial per affrontare tutte le tematiche principali del linguaggio di programmazione e altri tool di interesse generale per i blogger. Limitandoci ai giochi, si nota che sono suddivisi in categorie: Mario Games, Concentration memory card game, Online Christmas game, ecc

Visto che siamo in tema di Feste Natalizie e dopo aver presentato l'effetto nevicata e quello nevicata colorata, mi concentrerò sui Giochi per Natale. Ne sono presenti quattro: Christmas Tree, Christmas Smash, Santa Gift Jump e Boing Boing Santa.

Se si clicca su una delle miniature relative, si accede alla pagina in cui si giocare online

Cursore con cappello di Babbo Natale per mettere nel blog per le Feste.

Sembra che soprattutto il pubblico femminile ami particolarmente le personalizzazioni che mutano la forma del mouse all'interno di un sito o anche solo di una singola pagina. In occasione delle Feste di Natale ho quindi pensato di proporre un codice che, se inserito nel blog, mostrerà ai visitatori il puntatore con la forma del cappello di Babbo Natale.

Lo script funziona benissimo su Chrome e Firefox mentre è un po' più lento su Internet Explorer. Non ho dati sugli altri browser che comunque sono usati da una netta minoranza di navigatori.

Occorre andare su Design > Modifica HTML e cercate la riga

</head>

Subito sopra bisogna incollare il seguente codice