Come inserire l'effetto LyteBox nelle immagini di un blog su Blogger.

In un commento mi è stato fatto notare come apparissero delle strane scritte in inglese nell'effetto LyteBox che avevo presentato qualche tempo fa. Questo è dovuto al fatto che alcune immagini di sfondo inserite nel file CSS sono state eliminate senza spiegazioni da Tinypic su cui erano state caricate. Per fortuna avevo sempre in una cartella del PC le immagini originali che ho ricaricato su Picasa sperando abbiano una sorte migliore.

Coloro che non hanno mai sentito parlare o non hanno mai visto l'effetto Lytebox possono vedere queste tre demo

1. Effetto LyteBox per una immagine singola -
2. Effetto Lytebox per una galleria di immagini -
3. Effetto Lytebox con slideshow -

Basta cliccare con il mouse su una singola immagine per visualizzare l'effetto che è simile a quello Lightbox ma più completo visto che può essere usato anche per creare degli slideshow. Per le istruzioni relative a come gestire l'inserimento delle immagini sia con l'editor di Blogger che con Windows Live Writer vi rimando al post che avevo precedentemente dedicato a LyteBox.

Per l'installazione andate su Design > Modifica HTML e cercate la riga </head>. Immediatamente sopra incollate il seguente codice

<!-- EFFETTO LYTEBOX INIZIO -->
<link href='https://sites.google.com/site/ideepercomputeredinternet/script-1/lytebox-stile-2.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/ideepercomputeredinternet/script-menu/lytebox-script.js' type='text/javascript'/>
<!-- EFFETTO LYTEBOX FINE - http://goo.gl/GRcov -->

Salvate il modello. Seguite la procedura indicata nell'articolo linkato in precedenza per inserire le immagini e avrete l'effetto negli articoli del vostro blog o potete creare delle gallerie fotografiche estremamente affascinanti nelle pagine statiche.