In just a few simple steps, you can insert weather information under the site icon in the master page. I recommend using the custom master page location because it is easy to find the site logo on the master page. You can place the code just about anywhere on the page such as the Content Editor Web Part or Code Snippet Web Part. In this example, we will be placing the code in the master page. Start by using the simpleWeather jQuery plugin. There are lots of features and configurations to this plugin. You can check out all the parameters and demos at the simpleWeather site here. In this example, we are going to put in a zip code and get two data points: current temperature and current conditions. These are just two of several data points that the service can receive. Two simple steps:
The first thing that needs to be done is to create a copy of the current master page. We don’t want to add code or alter the default master page(s). For
this example, we used the seattle.master, but it can be applied to either seattle.master or oslo.master. (Figure 1) The current look of our site before the weather is added.