Pubblicato il 15/03/14e aggiornato il

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 fiore-gife sotto c'è la demo



EFFETTO CASCATA DI LILIUM


Si può usare un fiore diverso come questo lilium lilium-fiore 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…

salvare-javascript

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

scia-floreale-javascript

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.




2 commenti :

  1. ciao Ernesto, per iun esperienza più completa vorrei abbandonare google ed aprire un sito coma aruba, come posso poi fare tale operazione mantenendo l'attuale indirizzo del sito^? grazie e buon weekend

    RispondiElimina
    Risposte
    1. Ti devi far dare l'auth-code dal registrar attuale che potrebbe essere eNom o Godaddy. Puoi entrare da Google Apps. Questo se intendi rimanere su Blogger. Se invece vuoi passare a Wordpress come mi sembra di aver capito dalla "esperienza più completa" allora le cose diventano più complicate. Leggiti questo post
      http://www.ideepercomputeredinternet.com/2014/02/blogger-to-wordpress-blog-import.html
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.