Qualche mese fa ho ricevuto un'email da
Francesca in cui mi chiedeva:
mi piacerebbe aggiungere il widget che hanno alcuni blog di blogger con la lista degli ultimi post sotto forma delle foto dei post stessi... ma non trovo da nessuna parte le istruzioni su come fare...
Nell'email c'era anche il link del blog in cui Francesca aveva visto questo "
widget". Ho dato un'occhiata al codice html e ho notato che in realtà non si trattava di un widget, ma l'autrice del blog aveva inserito accuratamente le foto presenti nel suo account Flickr con i link ai vari post con le ricette. Ho suggerito a Francesca questa soluzione il venerdì, ci ha lavorato durante il weekend e lunedì mattina ho letto una sua mail in cui mi ringraziava per la dritta che le avevo dato. Potete vedere voi stessi l'ottimo lavoro che ha realizzato sul
suo blog.
Ho pensato allora che forse tante mie lettrici che hanno un blog di cucina potrebbero essere interessate a creare un menu "
fotografico". A volte una foto vale più di mille parole ;)
Sicuramente fare un lavoro del genere richiede un po' di pazienza e sopratutto un account
Flickr (per chi ancora non ce l'ha, può crearne uno a
questo indirizzo, una volta registrati è possibile caricare le proprie foto e i propri video).
Con questo post non spiegherò come utilizzare il servizio, in quanto è abbastanza intuitivo e facile da usare.
Vediamo invece passo passo come realizzare il menu "
fotografico".
In
Flickr per ogni foto caricata, il sistema genera più copie in diverse misure che sono:
- Quadrate (75x75 px)
- Miniature
- Piccole
- Medie
- Grande
- Originale
A parte il formato "Quadrate" che ha dimensioni fisse di 75x75 px, le dimensione degli altri formati variano a seconda della dimensione della foto originale. Per creare il menu "fotografico" è quindi consigliabile prendere le foto "Quadrate", in questo modo sarà molto più ordinato e gradevole da vedere. Inoltre, essendo le foto di dimensioni abbastanza piccole, non appesantirete troppo il caricamento della pagina.
Sopra ciascuna foto in Flickr compare una serie di icone:
Per copiare il codice dell'immagine che intendiamo inserire nel blog, basta cliccare sull'icona a forma di lente
e poi selezionare il formato:
Come potete vedere dall'immagine, basta copiare il codice html contenuto nella textarea:
<a href="
http://www.flickr.com/photos/ioleblog/3748856680/" title="Header N° 15 - http://iolecal.blogspot.com di IOLE, su Flickr"><img src="http://farm3.static.flickr.com/2307/3748856680_544871e125_s.jpg" width="75" height="75" alt="Header N° 15 - http://iolecal.blogspot.com" /></a>
e modificare il link, mettendo al posto dell'indirizzo della foto su Flickr (
http://www.flickr.com/photos/ioleblog/3748856680/) quello del post della ricetta.
Il codice html del menu così realizzato, può essere poi inserito in un gadget di tipo
html/javascript della sidebar come nel blog di
Francesca o creare un menu "scorrevole" come quello del blog di
Pinella (Per il menu "scorrevole" vi rimando a questo mio post).
Resto a disposizione per ogni dubbio o chiarimento.
Alcuni mesi fa sono stata contattata da Raquel del blog "Kellyanne MAKE UP" che in una mail mi ha scritto:
Alcune settimane fa Alessia del blog "Lolla's Make Up" mi ha contattata via email chiedendomi di occuparmi del look del suo blog e mi ha scritto:
Qualche settimana fa Alex del blog "Soap Spagnole" mi ha contattato tramite email e mi ha chiesto se potevo realizzargli un menu a tendina per il suo blog e se ero disponibile ad occuparmi del restyling del suo template.
Solema, una lettrice e sostenitrice del mio blog, mi ha chiesto di realizzare per il suo blog "La cucina di Nonna Sole"
Monica, una lettrice e sostenitrice del mio blog, mi ha chiesto di realizzare per il suo blog "Chez Monik"
Melie°, una lettrice e sostenitrice del mio blog, mi ha chiesto di realizzarle un template personalizzato per il suo blog "Le creazioni di Melie°" dove potete trovare tante bellissime e coloratissime creazioni fatte a mano.
Mariapiera, una lettrice e sostenitrice del mio blog, mi ha chiesto di realizzarle un menu per una facile navigabilità del suo blog "Chiacchiere in libertà" e una firma animata con il suo nome da inserire alla fine dei post.
Marianna, una lettrice e sostenitrice del mio blog, mi ha chiesto di realizzare per il suo blog "Zuccheromania di Mary"
Durante le ferie ho ricevuto un'email da Francesca in cui mi chiedeva:
