HOWTO : Mostrare un Feed RSS direttamente nel proprio sito

Qualche tempo fa, ho avuto bisogno di mostrare le notizie inserite in un blog, nella categoria X, direttamente in homepage, automaticamente aggiornate man mano che venivano scritti nuovi articoli.

Se è facile leggere i feed RSS con un Feed Reader o, come faccio io, con iGoogle, è leggermente più complesso mostrarli in una pagina web.

In questo può venire in aiuto questo script di Dinamyc Drive, connubio di java, php e css.

L’esempio numero 1 nella pagina, si fa preferire per pulizia e semplicità, ma nulla vieta di scegliere gli altri box per un controllo più avanzato del Feed.

Prima di tutto, va scaricato il file zip a questo indirizzo, ed uploadato in una cartella a scelta del proprio server.
Bisogna poi impostare i permessi CHMOD 775 o 777 alla cartella /rssbox/cache, in modo da dare il permesso di lettura/scrittura allo script.

Aprire il file rssbox/rssdisplaybox.js e commentare la linea

var rssoutputscript="rssbox/main.php"

ed aggiungere subito dopo questo codice:

rssoutputscript="http://"+window.location.hostname+"/subdir/rssbox/main.php

sostituendo al posto di SUBDIR, il nome della cartella in cui avete caricato lo script rssbox.

Aprire il file rssbox/main.php e localizzare il codice:

$rsslist=array(
"cssdrive" => "http://www.cssdrive.com/index.php/news/rss_2.0/",
"bbc" => "http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/front_page/rss.xml",
"nytimes" => "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml",
"dynamicdrive" => "http://www.dynamicdrive.com/export.php?type=new" //no trailing comma after last RSS URL!!
);

Qui vanno inseriti i feed RSS a cui si è interessati (si sceglierà successivamente quale si vuole mostrare)

Eccoci arrivati all’ultimo passo: andare nella pagina dove si vuole mostrare il feed, ed inserire nell’HEAD:

<link rel="stylesheet" type="text/css" href="cartella/rssbox/rssdisplaybox.css" />
<script type="text/javascript" src="cartella/rssbox/virtualpaginate.js"></script>

<script type="text/javascript" src="cartella/rssbox/rssdisplaybox.js">

/***********************************************
* RSS Display Boxes- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

e, nel punto esatto in cui deve apparire il box con le notizie, questo codice:

<script type="text/javascript">
//MAIN FUNCTION: rssdisplaybox("rssfeed_id", "rssbox_id", "rssbox_class")
var cssdrivebox=new rssdisplaybox("cssdrive", "cssdriveid", "someclass")
cssdrivebox.set_items_shown(5) //Fetch and display first 5 entries
cssdrivebox.set_template("default") //Use "default" template, which outputs title + description + date
cssdrivebox.start() //Required: start script
</script>

A questo punto, dopo aver scelto se customizzare l’aspetto modificando il foglio di stile .css, è possibile andare a vedere il risultato!

Ecco un esempio con le ultime news da Corriere.it:

Feed RSS di Corriere.it mostrati in una web page, click per ingrandire

Qualcun’altro ha avuto una necessità simile? Questo codice soddisfa a pieno le vostre esigenze?