Il Feed Rss di meteowebcam.it

I feed Rss servono per tenersi aggiornati su tutti gli articoli meteorologici pubblicati su meteowebcam.it direttamente dal proprio feed reader preferito o per arricchire il proprio sito web.

Cosa e un feed Rss?

Rss è l'acronimo di Really Simple Syndication. e un formato basato su XML adatto alla diffusione di contenuti su Internet. I documenti Rss, detti anche feed, sono uno strumento efficace per i siti ad aggiornamento frequente come quelli di news. Per chi naviga alla ricerca di notizie e novita sugli argomenti di suo interesse sono un mezzo semplice per seguire un numero cospicuo di fonti informative.

Come leggere un feed Rss

Un feed Rss puo essere fruito in due modi: con programmi ad hoc detti news aggregator oppure includendolo in una pagina web. In alternativa ai due metodi descritti è possibile utilizzare la funzione di visualizzazione dei flussi Rss disponibile su diversi portali.

Il feed in un software

Includere un feed in un software è un'operazione di grande facilita. Basta copiare l'indirizzo (Url) del feed e incollarlo all'interno del feed reader preferito. Molti feed reader, gratuiti e a pagamento, si trovano facilmente su Google.

Il feed nel tuo sito

Versione Javascript

1 - Copia il codice JavaScript nella pagina

Copia il seguente codice JavaScript e incollalo, senza modifiche, all'interno dei tag <head> </head> della pagina in cui desiderate visualizzare il feed.

<script type="text/javascript" src="https://www.meteowebcam.eu/js/rsspausescroller.js">

/***********************************************
* RSS Pausing Scroller- © Dynamic Drive (http://www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/ for source code and documentation
***********************************************/

</script>

2 - Copia il codice CSS nella pagina

Incolla il seguente codice CSS sempre all'interno dei tag <head> </head> della pagina in cui avete intenzione di visualizzare le news di meteowebcam.it. I valori possono essere modificati per personalizzare colori e dimensioni del box.

<style type="text/css">

/*CSS per gli scroller RSS*/

// dimensione colore dello sfondo del box - stile del font, colore del carattere, bordo del box
#pscroller{
width: 400px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 13px;
color: #000;
}
//titolo in grassetto
.rssclass .rsstitle{
font-weight: bold;
}

//colore della data grigio
.rssclass .rssdate{
color: gray;
}

//colore del link del titolo rosso, niente text-decoration sul link
.rssclass a{
text-decoration: none;
color: red;
}
</style>

3 - Includi il feed nel sito web

Ora non resta altro da fare che includere il codice che provvedera a visualizzare il feed Rss. Il codice va incluso nel punto esatto della pagina in cui si desidera visualizzare le news di meteowebcam.

<div class="rss_box">
<script type="text/javascript">
new rsspausescroller("meteowebcam", "pscroller", "rssclass", 3000, "_blank", "date+description")
</script>
<noscript><p>Per visualizzare il feed devi avere un browser che supporti JavaScript.</p></noscript>
Powered by meteowebcam.it
</div>

4 - Personalizza il feed

Per modificare le opzioni di visualizzazione del box è necessario agire sui CSS che abbiamo visualizzato sopra.

Le opzioni nel javacsript del fedd sono:
- pscroller e rssclass indicano i riferimenti alle classi CSS incluse con il codice mostrato al passo 2 che formattano, rispettivamente, il box di visualizzazione e i caratteri di visualizzazione del feed.
- 3000 è il tempo, espresso in millisecondi, con cui il feed passa da una notizia all'altra (3000 vale 3 secondi).
- _blank imposta il target per l'apertura dei link (con "_blank" il link si aprira in una nuova finestra).
- date+description imposta i dati da visualizzare (con "date+description" visualizzeranno, oltre al titolo, sia la data sia la descrizione).

Versione solo titoli: Powered by meteowebcam.it

Versione titoli + data + anteprima Powered by meteowebcam.it

Se hai problemi puoi scaricarti la demo con javascript

Versione Iframe

Per una versione statica copia il codice qui sotto ed incollalo nel tuo sito

<iframe src="https://www.meteowebcam.eu/code_rss.php" width="100%" height="100%" scrolling="no" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"> </iframe>
Guarda la demo con iframe

Immagine di torna al top