Display the weather forecast on a page
We're building an event hub thanks to a great idea another user shared recently. How has anyone added a weather forecast to a page? I'm not finding a free weather RSS feed to pipe in. Thanks for any suggestions.
1 Answer
Katharine Sloop Heather Van Roo - I tried a couple of config options with this one on my site and it came out looking pretty sharp.
<a class="weatherwidget-io" href="https://forecast7.com/en/43d04n87d91/milwaukee/" data-label_1="MILWAUKEE" data-label_2="WEATHER" data-theme="original" >MILWAUKEE WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
Paste into code view on HTML widget
7 Replies
Tracy Hek am I remembering correctly that you have used an embedded weather widget as a placeholder before?
Heather Van Roo I found https://weatherwidget.io/ that can generate an embed code to use in an HTML widget. Not sure if this is the one I've seen folks use before but it seems pretty flexible.
Katharine Sloop Heather Van Roo - I tried a couple of config options with this one on my site and it came out looking pretty sharp.
<a class="weatherwidget-io" href="https://forecast7.com/en/43d04n87d91/milwaukee/" data-label_1="MILWAUKEE" data-label_2="WEATHER" data-theme="original" >MILWAUKEE WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
Paste into code view on HTML widget
Brad Rooke this one does look great, I'll save them both. Thanks again!
Hi Heather Van Roo - I tested this and had some success with the following code in the RSS feed - http://rss.accuweather.com/rss/liveweather_rss.asp?locCode=53202 you can adjust for the number of results within the widget.
I also tried the iFrame gadget for the Accuweather site. It was BIG, but comprehensive.
Brad Rooke seems to work - thank you!
We use the weatherwidget-io too. I like the flexibility on color and layout. It looks like this in a skinny column.