Luci di natale animate nel blog!

Io adoro l’atmosfera natalizia: l’albero, il presepe, le luci fuori e un Babbo Natale appeso fuori dalla porta con una lavagnetta con scritto “Buon Natale da Orazio e Mary”. Ecco una modifica abbastanza semplice che vi permetterà di mettere le lucine (con tanto di effetti animati) anche nel blog. L’effetto originale l’ho trovato in questa pagina, ma ho dovuto fare diverse modifiche per farlo funzionare su Blogger.

Come sempre, fate prima un backup del template, perchè se c’è una cosa certa nella vita è l’imprevisto.

Accendiamo il blog!

Sebbene illustrerò la procedura per inserirle su Blogger, la modifica può essere applicata a qualsiasi pagina HTML standard o a un’altra piattaforma che permetta di modificare il codice del layout.

Per farlo su Blogger, andate in Design –> Modifica HTML e cercate questa riga di codice:

</head>

Subito sopra, incollate queste:

<!-- luci di natale - inizio -->
<link href='http://tinyurl.com/34e7u5c' media='screen' rel='stylesheet'/>
<script src='http://tinyurl.com/36mvfge' type='text/javascript'/>
<script src='http://tinyurl.com/37ub5ro' type='text/javascript'/>
<script src='http://tinyurl.com/3ycavhy' type='text/javascript'/>
<script type='text/javascript'>
var urlBase = &#39;http://www.schillmania.com/projects/snowstorm/lights/&#39;;
soundManager.url = &#39;./&#39;;
</script>
<!-- luci di natale – fine -->

Successivamente cercate questa riga:

</body>

e subito sopra incollate:

<div id='lights'>

</div>

Salvate il template e il gioco è fatto. Se avete mantenuto la barra di navigazione di Blogger, le due cose si posizioneranno una sull’altra e l’effetto sarà sgradevole, quindi consiglio di nasconderla seguendo queste istruzioni:

• Eliminare la barra di Blogger dai nuovi template (se usate un template realizzato col nuovo designer)
• Eliminare la barra di navigazione di Blogger (se usate un template personalizzato scaricato dalla rete o un vecchio modello)

Una volta passata la festività, potrete eliminare le luci dal blog cancellando le righe aggiunte.

Altre decorazioni natalizie per il blog

Ecco un elenco di post pubblicati gli anni passati su come aggiungere effetti e decorazioni al blog per il Natale:

• Elf Yourself: auguri di natale animati con voi e i vostri amici come protagonisti
• Decorazioni natalizie per il blog, la neve che cade!
• Neve che cade nel blog, altri effetti!
• Per Natale: effetto neve che cade nel blog e che si muove col mouse!
• Conto alla rovescia per Natale nel blog, nove siti dove trovarli!
• 6 set di icone natalizie per i servizi di social network