Webcam e meteo nel sito

di Maria Silvana Radice








Ci sono molti servizi che offrono widget da mettere in un sito web. Ne ho provati alcuni, orientando la scelta sul fatto che non contenessero pubblicita` troppo invadente e che funzionassero anche su domini certificati.
Vi propongo alcune soluzioni, altre arriveranno con il tempo.


Come mettere una webcam nel proprio sito web

Esempio funzionante



Molto carina, anche, l'idea di mostrare il meteo in diretta tramite le webcam ufficiali.
La possibilita` ci viene offerta da questo sito:

http://it.webcams.travel/search

Nella pagina che si aprira`, inserite il nome della localita` che vi interessa e cliccate su "cerca". Appariranno le immagini delle webcam presenti in quella localita`. Cliccate sull'immagine che preferite.
Nella schermata successiva, cliccate su "embed", in alto a dx....





Si aprira` una nuova schermata con il codice da copiare.
Questo codice funziona anche sui siti protetti, come Google sites, anche cosi` com'e`. Tuttavia, nella barra degli indirizzi del browser, compare lo scudo, pur non bloccando il gadget.
Se volete evitare questo, dovete scaricare il codice css e ricaricarlo come allegato nel sito e cambiare il percorso del file nel codice della webcam,....ma tutto questo lo trovate spiegato in: Come inserire codici e scripts in Google sites.

Il file.css potete scaricarlo da qui, oppure direttamente dall'allegato in fondo a questa pagina.





Widget meteo

Il sito di "ilMeteo" fornisce widget funzionanti anche su siti protetti https:

http://www.ilmeteo.net/widget/?gclid=CIfr8eWJrMoCFQyNGwodjHoIfQ

Vorrei, anche, segnalare questo sito....

https://www.meteoblue.com

....cliccando su "widget", nella barra laterale della homepage, si puo` accedere alla configurazione di un widget con le previsioni di tutte le citta` del mondo. Il widget funziona anche su siti protetti come Google sites e puo` essere inserito tramite iFrame, utilizzando l'URL fornito, oppure con il codice seguendo la guida: Come inserire codici e scripts in Google sites

Esempio funzionante








Aiuta il sito! Condividi questa pagina su:
 Facebook   twitter  Google   Linked  in     

Ti e` stato utile questo argomento?










ċ
thumbnail.css
(0k)
Maria Silvana Radice,
24 apr 2015, 09:42