Mi sono divertito a mostrare diversi effetti da mettere nel blog per la festa di Halloween: dal sangue che cola alle fiamme infernali, dai fantasmi ai suoni raccapriccianti. E' la volta dei pipistrelli svolazzanti che per il loro colore nero sono più adatti a blog con sfondo chiaro di quanto non lo fossero i fantasmi. Ho postato i pipistrelli insieme agli effetti sonori per Halloween in una pagina statica di prova
Li ho inseriti insieme agli effetti sonori di Halloween per dare un'aria sinistra a tutta la pagina. Passo velocemente alle istruzioni per l'installazione. Dopo aver salvato il modello completo per un backup di sicurezza, si va su Modello > Modifica HTML > Procedi e si cerca la riga </head>. Subito sopra si incolla il
Poi si cerca la riga </body> e, subito sopra, si incolla quest'altro codice
<!-- Pipistrelli volanti Inizio -->
<div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPDaiEN8R4cpucDVeJmMaldWCtXQC1Jd3FvwSv3XXl8swdICe73Gwt14uhLofsKndVCBT7C8VDLXee4YIBOvI6nbkwNe1VE3qat6XuJLK31MLa619-TRfrQTSyJ-D9Tg0XQ7NNobKuLY/s125/pipistrello1.gif'/></div>
<div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiREeXNlf3_5xX62kd2vNLgQSnKtM1QZKUp-5-EVw8SwlttCC8Hhahaj7ul6YdCZR6KBfqcyPJyFlzNX7SBAUN9lG0RkugQRYllFFG-x0dHzqhB9VbQAAM-jpDqbS5Lr3xDPMgXfNX9DFw/s120/pipistrello2.gif'/></div>
<div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fYXapDbmDZBGgbcpyv-MdtYXMt_lqGD9QIDcofvGeG7RUaaIKISXAD4yfoObzwMORqtloYWWrWoDjYEqnLYb1mLVDSDC4UQO_Jig3ZoW2TWz9reSytReDr3bVQwcZTtsFfFISTHUefo/s160/pipistrello3.gif'/></div>
<div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TSlsyVVP8_GwTipWt3tbYfti7XLzfikQXZSm-ttskP-YUKbR1ZeSKRJbIa2z4AWoYJ4uyHPyQXDHMbzYg-4gU_Q6Rgf-BYxDkV7HJy7wBHHA-6xcFsJhWF8osteJlwYaKY74eYqvr24/s106/pipistrello4.gif'/></div>
<!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com -->
<div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPDaiEN8R4cpucDVeJmMaldWCtXQC1Jd3FvwSv3XXl8swdICe73Gwt14uhLofsKndVCBT7C8VDLXee4YIBOvI6nbkwNe1VE3qat6XuJLK31MLa619-TRfrQTSyJ-D9Tg0XQ7NNobKuLY/s125/pipistrello1.gif'/></div>
<div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiREeXNlf3_5xX62kd2vNLgQSnKtM1QZKUp-5-EVw8SwlttCC8Hhahaj7ul6YdCZR6KBfqcyPJyFlzNX7SBAUN9lG0RkugQRYllFFG-x0dHzqhB9VbQAAM-jpDqbS5Lr3xDPMgXfNX9DFw/s120/pipistrello2.gif'/></div>
<div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fYXapDbmDZBGgbcpyv-MdtYXMt_lqGD9QIDcofvGeG7RUaaIKISXAD4yfoObzwMORqtloYWWrWoDjYEqnLYb1mLVDSDC4UQO_Jig3ZoW2TWz9reSytReDr3bVQwcZTtsFfFISTHUefo/s160/pipistrello3.gif'/></div>
<div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TSlsyVVP8_GwTipWt3tbYfti7XLzfikQXZSm-ttskP-YUKbR1ZeSKRJbIa2z4AWoYJ4uyHPyQXDHMbzYg-4gU_Q6Rgf-BYxDkV7HJy7wBHHA-6xcFsJhWF8osteJlwYaKY74eYqvr24/s106/pipistrello4.gif'/></div>
<!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com -->
Si salva il modello e si cominciano subito a vedere pipistrelli neri che svolazzano nel blog.
Ciao Ernesto, e come sempre grazie per i preziosi consigli. Ho notato che da oggi sul mio e su molti altri blog sono spariti il counter di Google Plus e il relativo pulsantino. Non li vedo più neanche sotto i tuoi post: credi abbiano cambiato script?
RispondiElimina@pda
RispondiEliminaNon funzionano con alcuni browser. Sarà certamente un problema momentaneo :)
Ciao Ernesto rivedi l'articolo. ScriviDopo aver salvato il modello completo per un backup di sicurezza, si va su Modello > Modifica HTML > Procedi e si cerca la riga 'head' Subito sopra si incolla il
RispondiEliminaCodice dei pipistrelli per Halloween -
Ma quest'ultimo è un link che non porta al codice da inserire in quel punto.
Grazie mille, Ernesto: ora va infatti! :)
RispondiElimina@arsenico
RispondiEliminaA me la pagina del codice si apre regolarmente. Prova a incollare l'URL nel browser. E' questo
https://docs.google.com/document/pub?id=1bcihkGS_Ftmsg2-XHSIgawj485JZi7gxV2MGhDlPVNc
@arsenico
RispondiEliminaBisogna essere loggati con un account Google. Alternativamente copia il codice da qui
http://dl.dropbox.com/u/2574553/codici/pipistrelli.txt
Solo così riesco a vedere il codice, grazie Ernesto.
RispondiEliminaGrazie Ernesto,ho messo nel mio blog (solitamente molto serio) sia i fantasmini che i pipistrelli. Per 4 giorni un blog diverso se piace piace,...se non piace piacenza...e buon Halloween a tutti.
RispondiElimina@Mirò
RispondiEliminaAllora mi confermi che il codice si vede in Google Documenti visto che lo hai inserito ;)
Strano che i pipistrelli e i fantasmi non si diano fastidio ^_^
Ciao Ernesto, si si funziona tutto, pipistrelli e fantasmi vanno d0amoree d'accordo: Puoi vedee l'effetto facendo un giretto sul mio blog: www.ilcinzanino.org.
RispondiElimina@Mirò
RispondiEliminaHo visto. In genere quando si mettono due script simili ci possono essere problemi di compatibilità ma vedo che con il tuo modello non ci sono assolutamente problemi ;)