Ingrandire le immagini in un articolo su Blogger

Parlando con il mio "compare" Gi.Pi, spesso mi sono trovato a dover ripetere della mia profonda ignoranza sul mondo informatico e dell'elettronica in generale.

Tenete conto che sebbene non sia una persona superstiziosa, ancora non ho capito come caspita funzioni un televisore: per me è magia! Beh, intendiamoci, non sono così impedito, so utilizzare gran parte degli elettrodomestici, salvo la lavatrice (...). Altra cosa invece è capire perché funzionano!

Vi starete chiedendo cosa c'entra tutto ciò con l'ingrandire le immagini sul blog. Semplice: ho deciso di affrontare la mia ignoranza allo stesso modo con cui utilizzo gli elettrodomestici, facendo un 'eccezione all'auto imposta regola di non parlare di ciò che non conosco: insomma, almeno in informatica, non fa nulla se non capisco il perché, purché funzioni. Così, mi sono imbattuto in un bel trucchetto (informatica e stregoneria , come detto, per me hanno la stessa valenza) per ottenere un effetto di ingrandimento delle immagini all'interno di un blog che si concretizza al passaggio del cursore. Puntate il mouse sull'immagine di Nicol Kidman qui sotto per capire cosa intendo:

Per ottenere l'effetto bisogna andare a modificare il codice html del nostro Blog.
La cosa migliore quando si fanno queste cose è salvare il proprio modello.
Procediamo in questo modo:

• Entriamo nella zona "Layout" , in "Modifica HTML" e cliccare sull'ipertesto "Scarica modello completo" così da non doversi pentire qualora qualcosa andasse storto.
  

• Inserire la spunta su "Espandi modelli widget"

• Cercare la riga che riporta il codice /head  posto tra i simboli <> (io uso il "Trova" di Firefox)

• Subito sopra questa riga riportate quanto scritto in questo file
  

•  A questo punto salvare il modello.

Il lavoro qui svolto serve a predisporre il Blog. Questo vi darà modo di avere l'effetto desiderato nelle prossime  immagine che inserirete nei post, previa una piccola modifica (pensavate fosse finita qui eh!)

In pratica per avere l'effetto usate tranquillamente l'Editor di Blogger.

• Inserita l'immagine cliccateci sopra fino a far comparire le maniglie di ridimensionamento. 
• Rimpicciolite l'immagine
• Passate in modalità HTML e inserite il comando class="expando" tra le dimensioni (o la dimesione di altezza) e l'URL della foto stessa

Se per pubblicare gli articoli utilizzate Windows Live Writer, nel momento in cui inserite delle immagini saranno presenti quasi sempre dei CSS che vengono visualizzati in modalità HTML da un’espressione del tipo style=”   …   “. 

L’importante è non inserire la classe expando all’interno di quel campo di azione

Sembra complicato, ma se sono riuscito a farlo io ci potete riuscire anche voi.
Questo bel effetto è stato trovato su "Idee per computer e internet"