Wunderground Weather Widget

  • Unknown's avatar
    markprodrigues · Member ·

    I would like to add the wunderground weather widget to my site. How can I do that?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    jqubed · Member ·

    You might have to modify their code a little bit. I picked Greenville, NC as an example that might be close to you, based on your blog being for Eastern NC Weather, and it gave me this code:
    <span style="display: block !important; width: 180px; text-align: center; font-family: sans-serif; font-size: 12px;"><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:27833.1.99999&bannertypeclick=wu_blueglass" title="Greenville, North Carolina Weather Forecast" target="_blank"><img src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_blueglass&airportcode=KPGV&ForcedCity=Greenville&ForcedState=NC&zip=27833&language=EN" alt="Find more about Weather in Greenville, NC" width="160" /></a><br><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:27833.1.99999&bannertypeclick=wu_blueglass" title="Get latest Weather Forecast updates" style="font-family: sans-serif; font-size: 12px" target="_blank">Click for weather forecast</a></span>
    It looks like all this really is is just an image they host inside a link to their website. You might be able to just paste that in where you want on your site (be sure you’re in the Text Editor side, not the Visual Editor, of course), or you could probably modify it if you need to. The key pieces you’ll need are the link (in the code above that’s the "http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:27833.1.99999&bannertypeclick=wu_blueglass" inside the <a href= part) and the image location (in the code above that’s the "http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_blueglass&airportcode=KPGV&ForcedCity=Greenville&ForcedState=NC&zip=27833&language=EN" inside the <img src= part). Then you’d just need to add the image you want, and turn it into a link. Does that point you in the right direction? If you need more detailed help it might be helpful if you go ahead and pick the button you want, paste the code in here (BE SURE to paste the code inside backtick characters as noted to the left), and tell us where you want the widget to appear.

  • The topic ‘Wunderground Weather Widget’ is closed to new replies.