Pubblicato il 28/08/09 - aggiornato il  | 3 commenti :

Come creare una campagna di sensibilizzazione in internet attraverso una fascetta diagonale.

Ci sono molti blog che si pongono degli obbiettivi e sono animati da grandi ideali; questo li porta a creare delle campagne online che possono avere maggiore o minore successo. Non entro nella questione etica se non in punta di piedi ma qualche volta si ha il sospetto che queste campagne più che un’operazione di sensibilizzazione verso un tema o un problema siano solo delle forme di auto-pubblicità neppure troppo implicite.

Un must per queste operazioni sono quelle fascette o nastri che vengono poste in diagonale nella parte alta sinistra o destra del blog. Viene spesso anche usata l’espressione inglese ribbon che significa appunto nastro.

Alla base di ogni campagna c’è quindi l’esigenza di creare un logo che possa essere incollato anche in altri blog. Vi presento due tool online in cui possono essere creati

Quick Ribbon – che è un “generatore gratuito di nastri

image

Si scrive il testo, si sceglie tipo di caratteri e dimensione, si sceglie il modello tra i quattro proposti, si selezionano i tre colori che concorreranno a formare la fascetta. Si possono selezionare direttamente con un click, con lo strumento contagocce od inserendo direttamente i codici dei colori.

Si clicca su Apply per vedere l’anteprima quindi su Generate Ribbon per ottenere il codice da inserire in un elemento tipo HTML/Javascript.

image

Website Ribbon Generator funziona in modo assai simile e viene anche chiamato Diagonal Corner Banner.

website-ribbon-generator

Si scrive il “messaggio promozionale”, si sceglie il font, il colore del font e il modello del banner. Una cosa opzionale molto interessante è quella di inserire un collegamento ad un sito o ad una pagina. Vi consiglio quindi, se usate questo generatore, di scrivere prima il post, acquisirne l’URL e inserirlo successivamente come collegamento Per generare il nastro infine cliccare su Generate.

Si copia il codice e si incolla andando su Layout > Aggiungi un gadget > HTML/Javascript e si pone in alto a sinistra

image

Potete vedere un esempio in questo blog di prova per controllare che effettivamente punta a questa pagina.

Se si vuole inserire nel nostro blog anche il codice che gli altri blogger possono eventualmente copiare nei loro siti bisogna usare un textarea con un codice di questo tipo

<textarea rows="6" cols="24"><p><script language="javascript" src="http://www.websiteribbon.com/ribbon/99787/"></script><noscript><div class="websiteribbon"><a title="diagonal corner banner web design tool" href="http://www.websiteribbon.com/" target="_blank"><img class="websiteribbon" src="http://www.websiteribbon.com/banner.gif" alt="diagonal corner banner web design tool" ></a></div></noscript></p></textarea>

che nel nostro blog potrà essere incollato in un altro elemento HTML/Javascript. La parte in rosso è il codice che si è acquisito da Website Ribbon Generator. Non posso mostrare la textarea perché non funziona se postata con WLW ma è assolutamente efficiente se inserita in un elemento pagina come potete verificare nel solito blog di prova.



3 commenti :

  1. bellissimo ci farò un pensierino..avevo in mente di lanciare un contest..ma per tempo e altro non ho fatto niente ..un modo potrebbe essere anche questo.. Comunque mi daresti una mano, sono giorni che più che pubblicare sto modificando "parole tra le nubi", ma non vengo a capo di nulla ..a parte la larghezza e non del main wrapper, cosa potrei modificare..^.*

    RispondiElimina
  2. bello , l'userò senz'altro appena troverò il messaggio giusto
    grazie
    Blas

    RispondiElimina
  3. @phoebe
    E' un blog molto elegante come grafica. La pubblicità di Adsense è troppo larga per il modello e non si vede totalmente.
    Un altro problema è non riesco a caricare completamente la pagina ma può essere che sia una cosa momentanea; poi ti manca l'header ma ho l'impressione che a te non piacciano.
    Con un nero di sfondo come hai forse è difficile trovare un'immagine adatta ed è più elegante la scelta minimalista del solo titolo :))

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy