Abbellire il blog su Blogger con Effetti speciali di Primavera.

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.

Bottoni floreali per spostarsi a inizio e a fondo pagina.

Vediamo come inserire dei bottoni nel layout del nostro blog su Blogger in modo da spostarsi velocemente all'inizio e alla fine della pagine. Ho inserito due bottoni realizzati con una immagine di un fiore che è piaciuta molto a una lettrice ma si possono usare anche delle immagini più asettiche.

 

Vi ricordo che ho dedicato a questo argomento anche un post che però illustrava come inserire il solo bottone per tornare all'inizio  e un altro articolo che aveva anche il pulsante per andare alla fine del post ma non aveva implementato alcun effetto.

 

In questo articolo saranno presentati due bottoni molto simili che permetteranno di spostarsi dal basso in alto e viceversa usando JQuery e un po' di effetto opacità.

 

Effetti speciali, immagini, fiori, cartoline, clipart e wallpaper per San Valentino

Come tutti gli anni eccomi a scrivere il consueto post su San Valentino per dare qualche idea su come addobbare blog e computer per questa ricorrenza particolarmente sentita da che ha legami sentimentali in aggiunta a un animo romantico.

Come inserire del blog un effetto di cuoricini animati
Effetto di una cascata di cuoricini lampeggianti

Andare su Design > Aggiungi un gadget > HTML/Javascript e incollare il seguente codice

<script src="http://idee-per-computer-ed-internet-script.googlecode.com/files/cuorechelampeggia.js" type="text/javascript"></script>

Salvare e posizionare l'elemento nella parte alta del blog. Quando qualcuno aprirà una sua qualsiasi pagina vedrà una cascata di cuoricini lampeggianti che avranno questa forma . Vedi la Demo dell'effetto cuoricini lampeggianti.

Come inserire effetti speciali floreali nel blog (cascate di fiori e scie di corolle) .

Mi è stato chiesto in un commento se fosse stato possibile inserire nel blog effetti di cascate di fiori o scie floreali. Basandomi sui noti script di Dynamic Drive mi sono limitato a inserire gli URL delle immagini che ho caricato su Skydrive. Ho scelto delle immagini animate in formato GIF ma, volendo, possiamo inserirne anche di statiche, di diverse dimensioni e di altri formati. Ho preparato tre effetti che sono installabili copiando i seguenti codici

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

Lo script precedente produce una cascata di fiori che hanno questa forma  e che può essere osservata in una demo di cascata floreale. Un'alternativa è una pioggia di lilium che aprono la corolla. Ecco il suo codice

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

che produce un effetto di pioggia di fiori di questo aspetto   e che può essere osservato in questo post demo di lilium.
Se volete qualcosa di diverso ecco una scia floreale che viene creata mentre si sposta il mouse. Il codice relativo è questo

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

e le immagini dei fiori sono rispettivamente questa   e quest'altra . Per una demo potete guardare la scia di fiori del mio blog di prova.
Questi effetti sono analoghi a quelli che ho usato per l'effetto della neve che cade e quello dei cuoricini animati per San Valentino. 
Per l'installazione, se avete Blogger, andate su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollate il codice in Sezioni del sito mentre lasciate in bianco il Titolo del widget. Dopo aver salvato, cercate di posizionare l'elemento in alto e in una posizione centrale; funziona comunque anche se inserito in una sidebar.
Nei primi due casi l'effetto sarà maggiore all'apertura nella pagina e quando la si scorre. I più esperti potranno anche scaricare gli script e modificare a piacimento alcuni parametri come il massimo numero di immagini, la durata delle immagini, la larghezza e l'altezza dell'effetto, la distanza tra le singole immagini e, cosa più importante, sostituire a quelle che ho inserito altre più gradite. E' cosa di due minuti.

Come mandare un mazzo di fiori con BokayMe.

 Ho già parlato in questo post di alcuni modi per mandare dei mazzi di fiori virtuali. Adesso eccone un altro! Dopo Flowers2Mail ecco BokayMe che offre più o meno lo stesso servizio.

Si personalizza vaso e fiori, trascinandoli con il drag & drop, quindi, previa registrazione gratuita al servizio, si può mandare tramite Facebook ad un'amica, oppure inviarlo per email o anche ad un telefono cellulare.

Come mandare un mazzo di fiori virtuale.

In un post precedente abbiamo visto come mandare una mail nel futuro e quanto possa servire per ricordarsi anniversari ed altre date importanti. Se si vuole accompagnare questi ricordi da un atto più tangibile che cosa c'è di meglio di un mazzo di fiori?
Si possono usare più sistemi, ne indico due ma se ne potrebbero trovare altri.
Il primo è molto casereccio, direi fatto in casa, ma forse per questo anche più apprezzato. Bisogna cercare su Google>Immagini: mazzo di fiori; per avere maggiore scelta cercate anche bunch of flowers, bouquet de fleurs, ramo de flores, Blumenstrauß, e fate la vostra scelta quindi scaricate l'immagine. Aprite un programma di grafica come Photoshop o Gimp e incollate la vostra immagine in un progetto corredato da un testo appropriato. Quindi salvate il progetto e caricatelo su Google page Creator come mostrato in questo post. Quindi inviate il collegamento alla pagina alla persona desiderata; le arriverà una cosa simile a questa. E' chiaro che questo sistema serve solo se uno vuole fare un omaggio pubblico e duraturo, infatti la pagina web così creata resterà in rete sine die.
Se invece volete fare una cosa più professionale e se volete spedire il mazzo di fiori ad una data precisa, anche con un intervallo di due settimane, allora andate nel sito gratuito flowers2mail che offre questo servizio.
Si può scegliere

• forma e colore del vaso
• tipo do fiori da inserire
• saluto e messaggio
• programmare la data di invio