1 febbraio 2010

Come inserire nel blog effetti di cuori animati per San Valentino.

Lo scorso hanno avevo creato questo effetto e avevo postato lo script su Google Page Creator che adesso ha chiuso i battenti. Ritengo quindi utile riproporlo per tutti i blog che vogliono in qualche modo festeggiare San Valentino. E' chiaro che l'effetto può anche essere lasciato tutto l'anno ed è molto indicato per siti che fanno del romanticismo la loro principale prerogativa.
Gli effetti che ho preparato sono due e mostrano delle cascate di cuoricini animati che attraversano tutto il blog.


Cuori lampeggianti
<script src="http://idee-per-computer-ed-internet-script.googlecode.com/files/cuore-che-lampeggia.js" type="text/javascript"></script>
 Mentre clicca nel collegamento per vedere un dimostrazione della "Cascata dei cuori che lampeggiano".




Cuori pulsanti
<script src="http://idee-per-computer-ed-internet-script.googlecode.com/files/cuore-che-pulsa.js" type="text/javascript"></script>
 Per vedere la demo clicca su "Cascata di cuori che pulsano".


Per inserire gli effetti basta andare su Layout >Aggiungi un gadget > HTML/Javascript, incollare il codice in Sezioni del sito senza inserire il Titolo. Salvare il modello e posizionare con il mouse l'elemento in una posizione centrale e possibilmente in alto


san-valentino
L'effetto sarà maggiore quando si apre la pagina e quando la si scorre.


13 commenti:

  1. Ciao. Sono approdata da poco al tuo blog e me lo sono subito messo tra quelli che seguo. Complimenti, è davvero utile!
    Avrei una domanda, forse scema, su questi effetti per arricchire il layout.
    Quando visualizzo blog che aggiungono cascate di fiocchi di neve, di pacchetti, ecc. ecc. la navigazione rallenta, spesso fino a bloccarsi del tutto. Può dipendere da me o è solo che il tutto diventa molto più pesante? Io uso Mozilla come browser e ho un pc abbastanza nuovo, del tutto onorevole come caratteristiche.
    Mi piacerebbe ogni tanto aggiungere qualche effettino nel mio, di blog, ma mi trattiene il rischio che diventi una lumaca, e che la gente se ne vada non potendo navigare.
    Grazie se vorrai rispondermi. Ciao
    Deborah

    RispondiElimina
  2. @deborah
    Alcuni effetti sono veramente pesanti ma quelli di questo post non lo sono. In genere sono gli streaming audio-video che rallentano molto.
    Puoi fare una prova andando nelle due pagine di demo che ho pubblicato per testarne la velocità di caricamento con il tuo browser.
    Ciao

    RispondiElimina
  3. Ho provato, infatti. E' lento, a salti, ci mette un po' perfino a chiudere la pagina.
    A questo punto forse dipende proprio da me. Capissi da cosa esattamente!
    Grazie comunque. Ciao

    RispondiElimina
  4. @deborah
    In questo momento tutti i blog su Blogger sono stranamente molto lenti. Forse sono a fare delle manutenzioni...

    RispondiElimina
  5. @deborah
    No la lentezza sta in Google Sites, spero che sia momentanea.
    Aggiornamento: Adesso Google Sites (ore 20.09) è tornato alla normalità e quindi anche gli script si caricano in modo rapido

    RispondiElimina
  6. Boh... a me sembra che è sempre lento. Sarà che i blog che seguo io sono pieni di gif animate ed effetti vari.
    Io comunque è poco più di un mese che ho il blog e ho iniziato a riscontrare i problemi di navigazione sotto Natale, quando la concentrazione di decorazioni è massima. A volte davvero si impiantava tutto e non c'era niente da fare.
    Se ti viene qualche idea sono tutt'orecchi.
    Grazie ancora
    Deborah

    RispondiElimina
  7. @deborah
    Non ho capito se ti riferisci allo script di questo articolo o ai blog in generale.
    Gli script di questo articolo erano lenti perché non funzionava bene Google Sites mentre adesso è tutto a posto.
    Se invece ti riferisci alla generica lentezza di molti blog dipende da un sacco di cose. Può dipendere da te che hai molte estensioni in Firefox o Chrome e, più facilmente, dipendere dai siti che visiti perché hanno troppe immagini animate in GIF, magari hanno widget inutili che provengono da siti diversi e quindi ci mettono il doppio a caricarsi. Alcuni hanno anche degli streaming e la musica di sottofondo...

    RispondiElimina
  8. Aiuto! Che cosa sono le estensioni in Firefox? Se sono gli add-on, io ho solo un tema di Firefox e nient'altro.
    Anche le tue pagine di prova dei cuori sono lentissime e mi si bloccano, ahimè.
    Comunque è vero, i blog che visito spesso sono molto ricchi di widget e gif animate. Non posso farci niente, temo!
    Ora però voglio verificare la velocità dell'ADSL, perché mi sa che hanno chiuso un po' il rubinetto.
    Ciao, alla prossima!

    RispondiElimina
  9. @deborah
    La mie pagine sono abbastanza veloci, probabilmente è un problema tuo.
    P.S Le estensioni in effetti sono gli addon :)

    RispondiElimina
  10. Ciao caro mio, grazie per avermi aiutato...
    Qui, ho trovato tantissime cose per migliorare il mio blog!
    te auguro una serena notte
    un abbraccio

    RispondiElimina
  11. Ciao sono una frana con questo blog e sto cercando molto insinatamente di riuscire a combinare qualcosa..volevo creare delle sezioni x separare i miei articoli ma nn riesco..magari leggiucchiando trovero' qualcosa che mi aiuti..intanto son riuscita a mettere i cuoricini e come ringraziamento ho linkato la tua pag! a presto,credo che passero' per rubare tanti consigli!

    RispondiElimina
  12. Ho il blog su wordpress... dov emetto i cuoricini che lampeggiano???? in questa nuova piattaforma sono cosaì imbranata!!! grazie dell'aiuto! sei PREZIOSISSIMO!!!! <3

    RispondiElimina
  13. @pimpra
    Vai su Aspetto > Widget > Testo e incolla il codice. Però potrebbe non funzionare perché il javascript è caricato su Google Sites. Allora scarica quello che ti interessa
    http://sites.google.com/site/ideepercomputeredinternet/san-valentino/cuorechelampeggia.js
    http://sites.google.com/site/ideepercomputeredinternet/san-valentino/cuorechepulsa.js
    e caricalo su DropBox
    http://www.ideepercomputeredinternet.com/2010/11/dropbox-per-condividere-file-con-piu.html
    Aspetta però un paio di giorni perché ho un problema con l'account di Skydrive e le immagini dei cuoricini sono sparite

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti al post.