Innanzitutto, cos’è una userbar? Si tratta di quei piccoli banner di dimensione 350×19 che si mettono nelle proprie firme di forum o email, per mostrare i propri gusti.

Ma perchè mettere un’anonima userbar fatta da altri, quando possiamo crearne una noi? E soprattutto, perchè non sfruttare questa moda per fare pubblicità al nostro blog?

Molti conosceranno sicuramente il famoso servizio FeedBurner che offre numerosi strumenti relativi ai feed RSS. Tra questi c’è l’Headline Animator che permette di generare un’immagine in cui i titoli dei nostri ultimi cinque post si susseguono alternativamente, presi direttamente dal feed. L’immagine è ovviamente dinamica, si aggiorna ogni volta che inseriamo un nuovo articolo nel blog e torna molto utile al nostro scopo.

Ecco quello che andremo a realizzare:

Iniziamo il nostro tutorial.

Creazione dell’immagine. Per prima cosa dobbiamo creare l’immagine principale, lo sfondo della userbar. Possiamo decidere di crearcela per conto nostro con Photoshop, oppure, se siamo pigri, utilizzare uno dei numerosi servizi online come UserbarCreator o UserbarMaker. Questi permettono di scegliere tra alcuni template predefiniti — in questo caso è sufficiente salvare sul nostro computer l’immagine del template stesso — o, in alternativa, possiamo settare diversi parametri come colori, sfumatura, ombra, pattern e via dicendo.
Ricordate che ci serve solamente lo sfondo: non aggiungete alcun testo, ma limitatevi al background della userbar. Quando siete soddisfatti, generate l’immagine e salvatela sul vostro computer.

Hostare l’immagine. A questo punto dobbiamo uploadare l’immagine sul web. Potete usare l’hosting del vostro blog o i servizi gratuiti come ImageShack.

FeedBurner. Ora viene la parte più interessante. Iscrivetevi a FeedBurner e fate il burn del vostro feed. Entrate nelle impostazioni del feed, selezionate il tab Publicize e andate alla pagina Headline Animator. Da qui potrete creare l’immagine animata.
Impostate quindi l’url a cui dovrà puntare (mettete l’url del vostro blog), come tema scegliete Provide your own background e inserite l’url dell’immagine che avete creato e hostato prima. Cliccate su Load e lo sfondo comparirà nell’anteprima.
Ora scegliete i colori di testo e titolo (ben leggibili, mi raccomando), magari disabilitate l’inserimento della data, ed infine posizionate gli elementi, trascinandoli e sistemandoli direttamente nella preview.
Quando avete finito, inserite il nome del nuovo banner e cliccate su Activate.

Pubblicizziamoci. Finalmente la userbar è pronta. La pagina si ricarica e ci mostra il risultato. Dal menu a tendina potete scegliere dove aggiungerla. Se selezionate Other (just gimmie the code) e cliccate Next, otterrete il codice HTML per inserirla dove volete (in firma alle vostre e-mail ad esempio). Se ve ne intendete un poco, cercate bene nel codice e troverete l’url diretto all’immagine che può servirvi per inserirla nella firma del vostro forum preferito.

Forum. Per inserirla in firma nei forum che utilizzano il BBCode, potete usare il seguente codice:

[url=http://www.mioblog.it]
[img]http://feeds.feedburner.com/MiaImmagine.gif[/img][/url]

dove ovviamente dovrete sostituire l’url del vostro blog e dell’immagine creata da FeedBurner (sono andato a capo per motivi di spazio, ma quando lo inserite in firma, mettetelo tutto su una unica riga se no non funziona).

Non avendo trovato alcuna guida o tutorial in rete su come creare una userbar con i propri feed, ho pensato di scriverla io. Spero possa tornarvi utile.