Tutorial per Userbar Animate con Feedburner

Grazie alle personalizzazioni apportabili all’headline animator di Feedburner, è possibile creare delle Userbar personalizzate e dinamiche, riportanti le ultime news del nostro sito web, come queste:

Usa l’indice per muoverti tra le varie sezioni (ad esempio perché hai già aggiunto il tuo sito web o blog a Feedburner):

Prerequisiti

Procurarsi la grafica della userbar

Dovrai partire da delle immagini base (è importante che siano in formato GIF) di userbar vuote (cioè, senza scritte in mezzo), come queste due:

Ci sono vari modi per procurarsele, più o meno semplici; io te ne suggerisco due, completamente gratuiti:

1. Crea la tua userbar online, con userbarmaker.com: è il modo più semplice, ed è anche abbastanza personalizzabile;
2. Crea la tua userbar gratis, utilizzando Inkscape: leggermente più difficile del primo metodo (ma neanche troppo, si parte da un template già pronto), ma molto più personalizzabile - Inkscape è open source, ed è installabile gratuitamente su Linux, Mac OS X e Windows.

Qualunque metodo tu scelga, dovrai convertire l’immagine ottenuta (in PNG) nel formato GIF, altrimenti Feedburner non l’accetterà. Ti consiglio di scaricare The Gimp (scegli l’Eseguibile binario per il tuo sistema operativo - ehi, per Debian o Ubuntu basta un apt-get install gimp, lanciato da root!), software di image editing e fotoritocco, anche questo open source e gratuito.

Una volta scaricato ed installato Gimp, devi:

1. Aprire l’immagine della Userbar con Gimp;
2. Portare il numero di colori dell’immagine a 255, tramite il menu Immagine > Modalità > Indicizzata. La finestra di dialogo che si aprirà presenterà varie opzioni, ti consiglio di provarle per scegliere il risultato migliore (ti ricordo che, dal menu Modifica > Annulla, puoi annullare le ultime modifiche fatte all’immagine, e riapplicare la modalità Indicizzata);
3. File > Salva con nome; per salvare il file in formato gif, basta cambiare l’estensione in GIF (il file originale non verrà cancellato).

L’immagine di base adesso è pronta!

Aggiungere il proprio sito a Feedburner

Molti siti Web (tra cui i blog) pubblicano le ultime modifiche o articoli inseriti in un file, il Feed RSS; in questo modo, i lettori, utilizzando un Feed Reader (anche Thunderbird lo è) possono leggere le ultime novità senza doversi collegare ogni volta al sito (il concetto è molto simile alla newsletter, ma è anonimo: non dobbiamo dare il nostro indirizzo e-mail, che neanche serve, a nessuno).

Feedburner permette non solo di avere statistiche sui lettori del feed di un sito (numero di lettori, quali feed reader vengono utilizzati, eccetera), ma anche di “potenziare” i feed:

• Aggiungere dei pulsanti alla fine di ogni articolo distribuito via feed (ad esempio, per aggiungere l’articolo ai siti di social bookmarking, oppure per farlo votare);
• Aggiungere una licenza Creative Commons ai feed;
• Migliorare la resa del feed via browser;
• Rendere il feed compatibile
• …
• Creare dei pulsanti con gli ultimi articoli inseriti in un sito, ad esempio per pubblicizzarlo. Ed è l’uso che ne verrà fatto in questo articolo!

Quindi dovrai (se non lo hai già fatto):

1. Registrarti a feedburner;
2. Aggiungere il proprio sito Web nel pannello di feedburner (My Feeds > Burn a feed right this instant)

Ora sei pronto a creare la tua userbar animata!
(per maggiori informazioni su Feedburner puoi:

• leggere gli altri articoli riguardanti Feedburner pubblicati su TechLog;
• leggere l’ottima guida di Feedburner di webeconoscenza)

Creare la userbar animata con Feedburner

Carica anzitutto l’immagine GIF in un tuo spazio web (ad esempio, direttamente sul tuo sito, oppure su flickr), e copiane l’indirizzo. È importante, perché Feedburner non hosta immagini.

Vai sul sito di Feedburner, precisamente su My Feeds > tuo_sito > Publicize > Headline animator (feedburner ti porterà già su create new - è possibile infatti creare più di un headline animator, e modificarli anche in futuro, e l’url dell’immagine finale resterà lo stesso!).

Su Theme, seleziona Provide your own background, incolla la url precedentemente copiata su Image URL e premere Load. Scorrendo in basso nella pagina, troverai la schermata di editing dell’headline animator, che come sfondo avrà la tua userbar, precedentemente inserita! (Nota bene: se non funziona, significa che non hai uploadato una GIF!)

Avendo poco spazio nella userbar, dovrai:

• Togliere la spunta a title e dates;
• Allargare la larghezza (Width) di headlines (cioè, i titoli delle tue News) - quando la modifichi, l’anteprima si modificherà in tempo reale, dandoti l’indicazione se aumentarla o diminuirla;
• Spostare, nell’anteprima, l’oggetto Headlines, fino a posizionarla all’interno della userbar (purtroppo il risultato finale sarà un po’ diverso dall’anteprima: i titoli degli articoli - headlines - saranno un po’ spostati verso il basso).

Diamole un nome (su Save as) e premiamo Activate. È fatta, la tua userbar è pronta!

Feedburner ti darà un codice HTML da incollare nei siti Web, ma tu puoi prendere, dallo stesso codice, anche il solo indirizzo dell’immagine (quello a destra di src=”, finisce per .gif, senza le virgolette alla fine - cerca bene ), per poi inserirlo dove vorrai - anche nelle firme dei forum.

Ad esempio, all’indirizzo http://feeds.feedburner.com/netsons/techlog.gif?w=2&c=1&bb=ZBfG corrisponde la userbar

Se qualcosa non è chiara, fammelo sapere nei commenti!

Ti è piaciuto l’articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare le mie notizie anche in questa pagina.

Articoli simili:

• Creare una Userbar con Inkscape
• Olimpiadi 2008 di Pechino in streaming su Eee PC, Linux, Mac e Windows
• Sommatorie e Integrali con OpenOffice: la Serie di Fourier
• Migliorare le equazioni/espressioni intere su OpenOffice
• Scrivere equazioni su OpenOffice Writer velocemente

Etichette: Feedburner, Gimp, Guide, Inkscape, linux, mac os x, Multipiattaforma, Open-Source, Userbar, windows

Autore: Andrea Romagnoli
Questo articolo è stato pubblicato il Monday, January 14th, 2008 alle 8:31 pm sotto la categoria Guide generali. Puoi seguire i commenti di questo articolo tramite il feed RSS 2.0. Puoi lasciare un commento, o mandare un trackback dal tuo sito.

Se questo articolo ti è stato utile, segnalalo sul tuo sito! Puoi inoltre seguire comodamente gli aggiornamenti di Techlog tramite il feed RSS; infine puoi lasciare un commento se ti serve aiuto (o anche solo per un saluto); anche qui non serve registrarsi (sono abilitati anche i commenti anonimi; l'E-Mail serve, eventualmente, per ricevere le notifiche delle nuove risposte). ;-)