venerdì 17 dicembre 2010

Il mio blog nel mio sito

Nei giorni scorsi ho duvuto risolvere un problema legato alla gestione del sito di Michele (http://www.michelenespoli.it).
Volevo inserire una finestra, nella quale apparissero gli ultimi post del nostro blog, e che si aggiornasse in automatico ad ogni nuovo post.

Ho subito pensato di utilizzare un iframe, ma ho scartato l'idea perchè deprecato dal W3C.
La strada migliore, e più pulita, è senz'altro utilizzare un feed RSS.
Peraltro, utilizzando FeedBurner di Google, è tutto molto semplice... fa tutto lui in automatico !




Infatti FeedBurner dà la possibilità di pubblicare il feed RSS del tuo blog in qualsiasi pagina HTML, basta entrare nelle Opzioni del tuo feed, scegliere Publicize e attivare l'opzione BuzzBoost.

attivare l'opzione BuzzBoost

Dopo aver scelto il settaggio desiderato BuzzBoost fornisce il codice da incollare nella pagina HTML dove si vuole che appaia il vostro feed.

La questione, però, si fà un pò più pelosa, se volete formattare il contenuto del vostro feed nella pagina HTML.
Io, ad esempio, volevo cambiare colore ad alcuni elementi (titoli dei post, date, ecc.) e in più volevo sistemare un difettuccio di interlinea molto fastidioso nel testo.

ecco il feed RSS senza formattazioni e con l'errorino di interlinea (è decisamente un pò piatto !!!)

BuzzBost dà la possibilità di farlo utilizzando i CSS (http://www.google.com/support/feedburner/bin/answer.py?answer=78991 attenzione agli errori !!!), infatti assegna automaticamente una classe univoca all'intero box ed agli elementi fondamentali del testo:

- feedburnerFeedBlock: il box (compreso il testo dei post)
- feedTitle: il titolo del feed
- headline: il titolo dei post
- date: le date dei post
- enclosure: eventuali podcast o media inclusi
- creditfooter: i credits (feedburner google ecc.)


Inoltre, qualora vogliate pubblicare più feed RSS, BuzzBoost identifica ogni feed con un ID univoco che corrisponde all'URI ID del feed.
Per trovarlo entrate nelle opzioni del vostro feed, scegliere "Publicize" e attivare l'opzione "Email Subscriptions".
A questo punto BuzzBoost fornisce il codice da inserire nella vostra pagina html. L'ID è proprio all'interno del codice "....mailverify?uri=idunivoco',...
(fonte: http://www.gilsmethod.com/how-to-locate-your-feedburner-feed-id)

ecco come ho modificato alcuni elementi:


ed ecco il risultato.


GS

Nessun commento:

Posta un commento