Come creare una intestazione (o header) per Blogger.

Tutorial su come creare una intestazione per Blogger senza conoscere nessun programma di grafica ma utilizzando i tool online Pixlr e PicMonkey.

Hai creato un blog ma non sei esperto di grafica? Non ti preoccupare perché non sei il solo. La personalizzazione del layout di un sito per chi non maneggia alla perfezione Photoshop o Gimp può diventare una impresa ardua piena di frustrazioni. Fortunatamente ci sono in rete delle applicazioni che qualche anno fa si sarebbero chiamate web2.0 in grado di svolgere i principali compiti dei grafici. In questo articolo vediamo come sia possibile creare un header sufficientemente sofisticato senza conoscere nulla di programmi di grafica.

Prima di iniziare bisogna andare su Modello > Personalizza > Modifica le larghezze per vedere quanto debba essere larga l'immagine che vogliamo mettere come intestazione. Questo per i template che hanno l'header che prende tutto lo spazio, per gli altri modelli dovremo calcolare la larghezza in altro modo oppure procedere per tentativi.

Utilizziamo il tool PicMonkey che sembra fatto proprio a posta per la realizzazione delle intestazioni. Non occorre registrarsi per poterlo usare anche se si può fare se abbiamo intenzione di salvare il lavoro svolto. Per iniziare si clicca su Edit a Photo oppure vi si trascina una qualsiasi immagine con il mouse che abbia le dimensioni giuste della intestazione. Se proprio non riuscite a trovarla andate su Pixlr (vai a Pixlr Editor), caricate una foto qualsiasi quindi scegliete Immagine > Dimensione immagine e inserite il valore della larghezza. Togliete la spunta a Mantieni proporzioni e andate su OK. L'immagine sarà probabilmente distorta ma avrà le dimensioni giuste. Per l'altezza regolatevi come vi pare ma una scelta di 200-300 pixel è appropriata. Si va su File > Salva e si scarica l'immagine così modificata. Caricatela  su PicMonkey andando come illustrato su Edit a Photo

Fatto questo si va quindi sulla quinta opzione dei tool posti sulla colonna di sinistra denominata Overlays. Selezionate Geometric e trascinate il rettangolo nero sulla vostra foto 

Adesso modificate il rettangolo nero e fatelo diventare bianco utilizzando la tavolozza di colori

Trascinate le maniglie del rettangolo fino a coprire tutta l'immagine che diventerà quindi completamente bianca. Per selezionare il bianco dalla tavolozza si deve cliccare nel punto più in alto a sinistra e si deve visualizzare il codice ffffff come mostrato nello screenshot. Dopo aver creato lo sfondo per l'header torniamo nei tool della colonna di sinistra per inserire per esempio il testo andando sul tasto P. Potranno essere gratuitamente inseriti solo i caratteri con i font senza la coroncina perché per quelli bisogna fare l'upgrade alla versione Royal a pagamento

Dopo aver selezionato il tipo di font dobbiamo sceglierne il suo colore dalla tavolozza, le sue dimensioni e l'allineamento che può essere a sinistra, a destra o centrato.

Sempre con i tool posti sulla sinistra possiamo ritagliare, ridimensionare, ruotare e modificare i colori. Si possono inoltre inserire texture, effetti e molto altro. Su Overlay si possono aggiungere nella intestazione figure geometriche, cuori, stelle, icone divertenti, fiori, uccelli, nastri, bottoni, angoli, ecc. Selezionando l'icona della zucca di Halloween si può attingere a oggetti grafici che riguardano zombie, vampiri, streghe, insomma tutta l'iconografia di quella festa.

Quando riteniamo che il nostro lavoro sia finito andiamo in alto su Save per scaricare l'immagine. Conviene sempre scegliere il formato PNG al posto di JPG per avere immagini di migliore qualità. Può essere necessario rinominare la foto come nomefoto.png per poter fare il download. Per caricare l'immagine sul nostro sito dobbiamo andare su Layout > Intestazione > Modifica

per poi scegliere il file dal computer con Posizionamento al posto di titolo e descrizione

Si completa cliccando su Salva per poi vedere la nostra Intestazione online. Nel caso in cui non aveste calcolato bene le dimensioni niente paura. Ritornate su Pixlr > Apri una immagine dal computer > Immagine > Dimensione immagine e modificate la larghezza, l'altezza o tutte e due insieme.