Abbellire il blog su Blogger con Effetti speciali di Primavera.

Effetti speciali per abbellire il blog su Blogger per la Primavera come cascate di fiori e scie colorate.

Mancano pochi giorni all'equinozio di Marzo con il conseguente inizio della Primavera. Dal punto di vista strettamente meteorologico sembra che sia già arrivata visto la mitezza delle temperature. Come ho già fatto con le ricorrenze di Natale, Capodanno, Halloween e San Valentino vado a presentare degli effetti da installare nei blog su Blogger per festeggiare l'avvenimento.

Non sono particolarmente dotato di senso artistico e allora mi sono limitato ai fiori che è l'iconografia più utilizzata per la Primavera. Gli effetti presentati possono essere installati da Layout senza modificare il template e possono essere utilizzati anche nei blog con dominio personalizzato. Si tratta delle solite cascate di fiori e delle scie floreali disegnate con il cursore. Alla fine dell'articolo illustrerò come si possano modificare i fiori che ho proposto nelle demo.

EFFETTO CASCATA DI FIORI

Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

<script src="https://googledrive.com/host/0B5vupkCL4QrxZXk0QUpyZTRreTA/fiore.js" type="text/javascript"/></script>

quindi si Salva e si cerca di posizionarlo nella parte alta del blog. Il fiore è questo e sotto c'è la demo

EFFETTO CASCATA DI LILIUM

Si può usare un fiore diverso come questo lilium con lo stesso script. Anche in questo caso si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla quest'altro codice

<script src="https://googledrive.com/host/0B5vupkCL4QrxZXk0QUpyZTRreTA/liliumgrande.js" type="text/javascript"/></script>

Si salva e si posiziona nella parte alta del sito.

EFFETTO SCIA DI FIORI

Con questa personalizzazione tutti coloro che visualizzeranno il blog, spostando il loro cursore visualizzeranno una scia di fiori che svanirà quando il mouse si fermerà. I fiori utilizzati sono i due precedenti. Il codice si incolla con le stesse modalità su Layout > Aggiungi un gadget > HTML/Java

<script src="https://googledrive.com/host/0B5vupkCL4QrxZXk0QUpyZTRreTA/scia-fiori.js" type="text/javascript"/></script>

Si clicca su Salva.

PERSONALIZZAZIONI ULTERIORI

I javascript degli effetti sono stati caricati su Google Drive tramite la sua funzione di Hosting. Si possono personalizzare alcuni parametri scaricando i file. Per prima cosa incollate uno degli URL colorati di rosso nel browser e andate su Invio. Si visualizzerà il file che potrà essere scaricato andando sul destro del mouse e selezionando Salva come…



Si può aprire il file .js usando il programma gratuito Notepad++. Per cambiare fiore bisogna modificare l'URL della immagine presente due volte nello script; si può inoltre anche settare il numero di fiori che possono essere visti contemporaneamente.

Per quello che riguarda la scia di fiori si deve aprire nel browser il javascript il cui URL è colorato di viola. I fiori possono essere cambiati modificando gli URL in theimage e theimage2



Possono anche essere settati altri parametri quali il numero massimo di immagini, la durata in millisecondi della permanenza nello schermo e la distanza che deve compiere il mouse per avere l'effetto.