Come inserire in un articolo delle miniature di immagini che si espandono al passaggio del mouse.

Premetto che ci sono molti metodi e molti servizi in grado di svolgere questo lavoro. Vi illustro quello che personalmente ritengo il più flessibile ed il più semplice da utilizzare.

Per quale ragione dovremmo inserire delle miniature al posto delle immagini in un post? Ci sono almeno tre ragioni

• Se in un articolo ci sono molte immagini di grandi dimensioni è praticamente impossibile fare in modo di metterle tutte ordinatamente
• Il caricamento della pagina quando sono presenti molte immagini diventa difficoltoso
• Le immagini caricate con l’editor di Blogger o con WLW vanno a finire nella cartella personale di Picasa che non ha una capienza infinita, quindi meglio caricare le grosse foto su Skydrive e mettere delle piccole miniature su Picasa per risparmiare spazio.

Utilizzeremo il comodo servizio offerto da Apture quindi prima di leggere il resto dell’articolo consultate il post del collegamento.

La prima cosa da fare è selezionare le foto da mettere nell’articolo quindi occorre miniaturizzarle utilizzando per esempio lo strumento ResizR che è un’add-on di Firefox ma che può essere utilizzato anche con qualsiasi altro browser andando in questa pagina e selezionando la foto da ridimensionare in locale (il nostro hard-disk) o nel web. Si sceglie quindi la larghezza desiderata (width) e si clicca su ResizR. Per scaricare la miniatura, che può essere orientativamente dai 30 ai 100 pixel, si clicca con il destro del mouse e si sceglie Salva immagine con nome

Il secondo passaggio riguarda l’upload delle immagini in grandezza originale in un servizio di hosting tipo Skydrive dal quale è sempre possibile ottenere l’URL per creare il collegamento. Gli URL di Skydrive sono sempre lunghissimi e possono, volendo, essere accorciati con un servizio tipo TinyURL o is.gd ma non è obbligatorio.

Inserire le miniature nel post con il  sistema che usate di solito. Oltre alle miniature dovete inserire anche un testo di didascalia perché Apture funziona solo con testo selezionato e non selezionando immagini

                                               
Alba nel canyon        Alba sul mare      Tramonto sul mare    Tramonto in Africa

ad ogni didascalia mettete il collegamento all’URL dell’immagine a grandezza naturale presente su Skydrive (o altro hosting).

 quando avete fatto pubblicate il post,  andate sul vostro blog e aprite l’articolo appena postato.

E’ giunto il momento di aprire l’editor di Apture. Di default si clicca sulla lettera “e” ma può essere scelto anche un altro tasto. Per mostrare come si fa ho usato un mio blog di supporto dal quale provengono gli screenshot.

Quando in alto a destra del blog è visibile l’editor di Apture possiamo procedere a selezionare il testo delle singole didascalie

Potremmo fare molte cose ma in questa sede ci basta di cliccare su Preview nella prima finestra, quindi inserire il titolo dell’immagine ed eventuale descrizione, infine cliccare su Link this Item.

Questa operazione va fatta per tutte le miniature presenti nel post.

Si possono anche aggiungere dei media collegati. In questo caso ho aggiunto altre  foto attinenti con i titoli che ho dato ma potremmo inserire anche video o documenti o articoli di blog, ecc.

Per poter aggiungere degli altri elementi va cliccato su Add Related Media

 
Selezionare il tipo di media e la sorgente da cui attingere (Flickr, Wikipedia, ecc) quindi cliccare sull’elemento prescelto

Controllare l’anteprima, eventualmente aggiungere o cambiare titolo e descrizione, infine andare su Link this item come al solito

In questi casi va considerata anche l’esistenza di un possibile copyright. Al termine bisogna disabilitare Apture cliccando su Disable ed il pulsante passerà dal verde al rosso

quindi chiudere andando sull’icona in alto a destra.

A sinistra delle didascalie delle miniature verrà visualizzata una piccola icona a forma di macchina fotografica che informerà il visitatore dell’esistenza di link a delle immagini

 
nel momento in cui si punterà con il mouse sul collegamento si aprirà una finestra con l’immagine a grandezza naturale, questo senza lasciare assolutamente il nostro blog.

Utilizzando questa feature si può addirittura creare una galleria di foto in una sola pagina del blog che magari può essere messa all’interno con un collegamento in homepage.