Fotoblog Tutorial

Come inserire un menù di accesso all'interno del nostro Fotoblog

Data la carenza di spunti fotografici in quest'ultimo mese, ho dedicato un po' di tempo per rivedere la grafica del blog. Viste alcune domande che mi sono giunte, ho deciso di pubblicare un breve post sulle nuove impostazioni adottate.

Partiamo dai concetti base:


- Come inserire una foto

Prima di tutto dobbiamo ottimizzare le nostre foto per la pubblicazione sul web; immagini troppo pesanti rallentano la navigazione rendendo poco fruibile il materiale contenuto. In base alle dimensioni, le foto non dovranno pesare più di 200-300 kb. Una volta che avremmo finito di preparare i nostri scatti, li dovremmo caricare nel web utilizzando un servizio di hosting (ad es.: ImageShack, Flickr, Picasa ...). A questo punto saremo in grado di inserire la nostra foto nel post che desideriamo pubblicare; esistono due alternative: 1) sfruttare i comandi predefiniti per l'inserimento di immagini; 2) utilizzare i codici html specifici.
Non mi dilungo su questo aspetto visto che in rete si trovano un'infinità di articoli in materia; ricordo che il codice html più semplice per l'inserimento di un'immagine è in seguente:

<img src="FOTO" />

dove tra le virgolette al posto di FOTO si dovrà inserire l'indirizzo url dell'immagine.

- Come predisporre la barra menù:

Facendo riferimento alle caratteristiche del servizio Blogspot di Google, non sarà importante quale modello si sceglierà ai fini della predisposizione di una barra menù.
Dalla homepage del blog, accediamo al menù Personalizza (in alto a destra); apparirà la schermata Aggiungi e organizza elementi pagina. Tra le opzioni offerte, clicchiamo su Aggiungi un gadget: si aprirà una finestra pop-up con numerose possibilità di scelta. Per il nostro scopo utilizzeremo il gadget Testo che ci fornisce una libertà operativa maggiore. Nella finestra pop-up si aprirà la schermata Configura testo.
Ora non ci resta che decidere come vorremmo far apparire la barra menù e ciò dipenderà dal suo fine. Nel mio caso desideravo creare un menù di accesso rapido a delle sottosezioni del blog: Profilo, Gallerie, ... Da un punto di vista funzionale era sufficiente inserire dei link che rimandassero a delle sezioni preimpostate (per creare le sezioni non ho fatto altro che inserire dei nuovi post, successivamente predisposti a seconda delle esigenze).
Basterà ora inserire nello spazio apposito della finestra Configurazione testo i vari link. Facciamo un esempio: vogliamo che la barra menu del nostro blog rimandi alle sezioni Gallerie e Profilo. Inseriremo allora queste due parole nella porzione Sezioni del sito del nostro gadget. Per ciascuna di esse inseriremo il link alla sezione/post desiderato sfruttando il comando automatico Crea link, che si trova nella barra delle opzioni. Non ci rimarrà altro da fare che copiare nella finestra pop-up che si apre l'indirizzo della sezione/post a cui vorremmo che si acceda.
Questo sarà il risultato:

Gallerie - Profilo

- Come personalizzare la barra menù:

L'intento di creare la barra menù mi serviva per ottenere una via preferenziale nella consultazione del blog, vista la quantità elevata di materiale ormai contenuto. Una semplice serie di link non era sufficiente. Così sfruttando l'inserimento di immagini e link ho creato una serie di "pulsanti" di accesso. Vediamo come.
Innanzitutto ho preparato come immagini i miei "pulsanti":

Dopo di che ho inserito le stesse sfruttando il codice html sopra riportato (vd. Come inserire una foto). Ho praticamente sfruttato le immagini al posto delle parole! Ho selezionato l'immagine e sfruttando ora il comando automatico Crea link, ho inserito l'indirizzo del post a cui desideravo rimandasse!!
Questo il risultato: