Come inserire un nastro (ribbon) a favore di una causa o ricorrenza.

Come creare un ribbon da inserire nel blog per promuovere una campagna a favore di un evento, una ricorrenza religiosa, una festività, una causa, ecc.

Possedere un sito web è come avere una vetrina sul mondo. Anche quelli più piccoli possono avere l'opportunità di essere visti da persone che ne hanno aperto una pagina anche da zone lontanissime del globo terrestre. I blogger possono sfruttare questa occasione per promuovere delle cause che li stanno particolarmente a cuore o addirittura crearne una loro di sana pianta.

Visto i recenti tragici fatti del terremoto si può pensare di creare un ribbon di solidarietà verso le popolazioni colpite anche con un link a organizzazioni umanitarie che si occupano della loro assistenza. Vediamo all'inizio come creare un nastro generico da inserire in un angolo del blog. I più bravi con la grafica non hanno certo problemi in merito e possono creare il loro Ribbon usando Photoshop o Gimp. Per tutti gli altri è opportuno sfruttare le risorse online che per fortuna non mancano.

Quick Ribbon è un generatore automatico di nastri che può essere usato da coloro che hanno poca pratica con i programmi menzionati sopra.

Si può digitare il testo calibrandolo con una adeguata dimensione dei caratteri, selezionare lo sfondo del ribbon, lo stile tra i quattro proposti e i tre colori da cui è formato il nastro. Dopo aver inserito l'URL a cui si vuole che venga rediretto chi ci clicca sopra (anche aprendo una nuova scheda) si va su Apply per visionare l'anteprima. Se siamo soddisfatti si clicca su Generate Ribbon! e si copia il codice.

Detto codice va incollato in Layout > Aggiungi un gadget > HTML/Javascript. Se non si visualizzasse in alto a destra possiamo incollare una riga all'inizio e una alla fine del codice in questo modo

<div style="position:fixed;top:30px;right:0px;">
Codice di Quick Ribbon
</div>

dove i numeri delle distanze dalla parte alta e dalla parte destra della pagina possono essere personalizzate in funzione del nostro modello.

3D Ribbon Generator offre una maggiore gamma di opzioni ci configurazione. Ci sono a disposizione quattro tipi di nastro che possono essere usati a tale scopo

e che possono essere configurati in ogni loro componente inserendo i colori e le dimensioni

In questo caso verrà fornito il codice HTML e il codice CSS da inserire nel nostro sito. Uno strumento per generare nastri per campagne web che consiglio solo ai più esperti.

Diagonal Banner Design è invece molto più semplice da usare. Si sceglie lo stile del ribbon tra i 20 proposti, il suo testo, il colore del testo e la famiglia di caratteri.

Successivamente si incolla anche il link a cui si vuol far puntare il nastro e la nostra email. Si clicca su Generate per terminare l'operazione. In basso comparirà il codice che potrà essere incollato su Layout > Aggiungi un gadget > HTML/Javascript.

Se anche in questo caso non si visualizzasse correttamente in alto a destra, possiamo aggiungere due righe di codice come illustrato in precedenza. Alternativamente si può andare nello strumento Blogcrowds, incollare il codice ottenuto dal generatore di ribbon e cliccare su Parse. Il codice sarà convertito in XML e potrà essere incollato nel modello subito sopra alla riga </body>. Dopo aver salvato il template, l'aspetto del nastro sarà simile a questo

con il link all'URL che è stato inserito. Anche nel caso di Quick Ribbon si può fare la stessa conversione per il codice e incollarlo nel modello invece che in un elemento pagina. Può essere inserito anche un codice supplementare per fare in modo che il nastro sia posizionato al meglio per esempio senza essere visualizzato sopra alla navbar di Blogger. Le due righe di codice da aggiungere all'inizio e alla fine di quello convertito con lo strumento Blogcrowds in questo caso saranno

<div style='position:absolute;top:30px;right:0px;'>
Codice di Diagonal Banner convertito in XML
</div>

dove la distanza dalla parte alta (top) e dalla destra (right) dipendono dal template utilizzato.

Cause Ribbon è invece un sito che ha già delle campagne di sensibilizzazione standard che riguardano una gran quantità di temi. Per ciascun argomento si può scegliere tra vari nastri


I temi sono in lingua inglese ma per la maggior parte di casi riguardano tematiche presenti in tutti i paesi del mondo. Si tratta di Diritti Umani, Animali, Ambiente, Salute, Pensa Positivo, Sociale, Giustizia, Cibo e Alimentazione, Vacanze e Organizzazioni

Appena scelto il nastro si clicca sull'icona del più, in basso a sinistra, quindi si va su Get Code. L'inserimento di un nastro può anche servire per celebrare una ricorrenza civile, religiosa per festeggiare un compleanno o anche solo per ricordare un obiettivo del blog che sia stato raggiunto.