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

Come inserire la neve e la stella cadente nel blog per le Feste di Natale.

Ho già presentato degli effetti che mostrano la neve che cade nel blog. Si trattava però di javascript che potevano non funzionare su alcuni modelli. Ricordo l'Effetto Nevicata che pubblicai circa un anno fa e l'Effetto di Oggetti Natalizi che cadono pubblicato da poco. Vediamo come si possano creare delle suggestive nevicate, ma non solo, utilizzando il tag <marquee> che ho già usato per presentare le scritte scorrevoli. Consideriamo per esempio questo codice

<marquee behavior="scroll" direction="down" style="position: absolute; left: 150px; top: 0px; width: 14px; height: 800px;" scrollamount="5"><span style="color: #ffffff;">*</span></marquee>

Si tratta di un fiocco di neve che cade. Il fiocco di neve è rappresentato da un asterisco ( * ), la direzione di caduta è data da down, la posizione da cui cade il fiocco è in alto (top: 0px;) spostata di 150px sulla sinistra, tutta la caduta dura 800 pixel e la velocità è data da scrollamount="5" (a numeri più alti corrisponde una maggiore velocità). Al posto del fiocco di colore bianco (color: #ffffff;) ci possiamo mettere una immagine in modo tale che il codice diventi

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 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

Effetto neve colorata da inserire nel blog.

Appoggiandomi a uno script creato da Schillmania presento un effetto nevicata colorata di cui viene modificata la direzione attraverso il movimento del mouse. L'inserimento dell'effetto è semplicissimo. Si tratta di andare su Design > Aggiungi un gadget > HTML/Javascript e incollare il seguente codice

<!--Effetto neve colorata inizio-->
<script type="text/javascript" src="http://dl.dropbox.com/u/2574553/snowstorm.js" /></script>
<!--Effetto neve colorata fine - www.ideepercomputeredinternet.com-->

Il widget andrà salvato e posizionato nella parte alta del template. Il colore della nevicata è blu vale a dire che ha questo codice HEX #003366. Guarda la Demo della nevicata blu -

Se volete cambiare il colore per renderlo più adatto allo sfondo del vostro blog, dovete cliccare con il destro del mouse su questo collegamento e scegliere Salva link con nome. IL file javascript dovrà essere aperto con Notepad++ (o tool simile) e si potrà sostituire il colore della neve che si trova nella linea 26

this.snowColor = '#003366';

Se non sapete come fare o addirittura di cosa parlo,  leggetevi il post sul codice dei colori. Ulteriori aiuti possono venire dalla tabella interattiva dei colori in italiano. Salvate il file e caricatelo su DropBox oppure su Google Sites in modalità Schedario. Acquisitene l'URL e sostituitelo nel codice  a http://dl.dropbox.com/u/2574553/snowstorm.js.

Vi consiglio di usare DropBox che è veramente eccellente. Se non siete ancora iscritti fatelo subito mediante questo referral DropBox.

Aggiornamento: Se volete la nevicata di colore azzurro ghiaccio sostituite l'URL

http://dl.dropbox.com/u/2574553/snowstorm.js 

con quest'altro 

http://dl.dropbox.com/u/2574553/snowstorm-azzurro-ghiaccio.js

Effetto nevicata da inserire in Blogger e Wordpress.

Come l'anno scorso, arrivati in prossimità delle Feste Natalizie, presento alcuni effetti per rendere il layout del blog più adatto alle ricorrenze. L'inserimento è semplicissimo visto che basta andare su Design > Aggiungi un gadget > HTML/Javascript e incollare il codice dell'effetto che si desidera. Ho testato il funzionamento con i nuovi e con alcuni vecchi modelli e non ho riscontrato problemi.

Ecco i relativi codici con le demo online e le immagini che saranno visualizzate

Caduta di Cristalli di Neve

<script src="http://www.isoladeifamosi-2009.it/upload/cristallineve.js" type="text/javascript"/></script>

Si vedranno dei cristalli di questo tipo cadere dall'alto del blog

Demo online di Caduta di cristalli di neve -

Effetti di cristalli di neve e che cadono da inserire nel blog per le feste di Natale.

Lo scorso anno un articolo su questo tema ha avuto un successo davvero insperato. Il nome del post era "Effetto della neve che cade" e gli script erano stati caricati su Google Page Creator che è un servizio di cui è stata emessa la condanna a morte che però ancora non è stata eseguita. Ho quindi ricaricato lo script su Google Sites che per il momento non è minacciato di chiusura, anzi gode di ottima salute.

Ho pensato per adesso di riproporre quello dei cristalli di neve che cadono e che hanno questa forma 

Il codice da inserire è il seguente

<script src="http://sites.google.com/site/ideepercomputeredinternet/effetti/cristalli.js" type="text/javascript"/></script>

e deve essere incollato in un elemento HTML/Javascript, andando su Layout > Elementi pagina > Aggiungi un gadget. Si può posizionare a piacere ma meglio nella zona centrale del layout del blog.

Dopo aver cliccato su Salva bisogna aspettare qualche secondo per vedere la "nevicata".

L'intensità sarà più elevata quando si apre la pagina o quando si scorre attraverso di essa. Nei prossimi giorni inserirò altri effetti simili. L'effetto funziona con tutti i browser. Se volete vedere una demo andate nel blog Menù Orizzontale.

Avverto che nei blog con molti Javascript questo effetto potrebbe non funzionare.

Come far diventare una nostra foto su Flick quella di Babbo Natale e aggiungere l'effetto neve.

La funzionalità natalizia è stata presentata da Flickr Easter Egg ed è semplicissima da usare.

Per aggiungere la barba ad una foto basta andare sulle note di Fickr, vale a dire il + in alto a sinistra dell'editor della foto e inserire

ho ho ho beard

 

Per aggiungere il cappello stesso procedimento ma la frase da inserire è

ho ho ho hat

Il risultato eccolo

Si può anche aggiungere un effetto di neve che cade semplicemente aggiungendo al link della foto

?snow=1

p.e. http://www.flickr.com/photos/25868141@N08/3124081485/?snow=1

Per vederne l'effetto guardate qui.

Effetto della neve che cade da inserire nel blog per le feste di Natale.

Ci avviciniamo al Natale e in molti pensano di preparare il proprio blog per le festività con qualche addobbo particolare. Nel sito Dynamic Drive sono presenti numerosi effetti speciali da mettere nei siti. Se infatti si va nella sezione Document Effects e ce ne sono almeno tre tipi che riguardano il periodo natalizio

Per poterli applicare basta scaricare il file di script corrispondente, caricarlo sul web e copiare il codice da inserire nel corpo della pagina, cioè tra i tag <body> e </body>. Per gli utenti di Blogger basta incollarlo in Aggiungi gadget e salvare.
Ho caricato su un mio hosting i file necessari allo script quindi per poter applicare gli effetti al blog non occorre altro che fare il Copia/Incolla con i seguenti codici

<script src="http://anonimotoscano.googlepages.com/fiocchineve.js?download" type="text/javascript"/></script>

I fiocchi di neve, in questo caso, cadranno con questo aspetto .

Per avere un'anteprima guardate qui.  
 

<script src="http://anonimotoscano.googlepages.com/cristallineve.js?download" type="text/javascript"/></script>

La neve in questo caso sarà più cristallizzata e i fiocchi saranno di questa forma

<script src="http://anonimotoscano.googlepages.com/fogliesecche.js?download" type="text/javascript"/></script>

In questo caso non sarà la neve a cadere ma cadranno delle foglie secche

<script src="http://anonimotoscano.googlepages.com/neveblogscuri.js?download" type="text/javascript"/></script>

Questo effetto nevicata è molto bello ma è visibile solo su blog con il fondo scuro. Per vederne l'effetto guardate qui.
Gli effetti potrebbero aver bisogno di qualche secondo per essere visibili. Ho notato che inserendo il gadget in una posizione centrale il risultato è migliore e più rapido.


Aggiornamento: questo post è obsoleto. Per questo e altri effetti simili consultate questo articolo

• Come inserire la neve e le foglie cadenti nel blog -