How to show weather in Sharepoint…

the great posting found at Sharepoint University Forum

below the step by step to show weather information from weather.com into your sharepoint.

• Sign up for the Weather Channel XML: http://www.weather.com/services/xmloap.html
  
• Download the SDK. Unzip the “64×64″ and “logos” from the SDK into C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES\weather\, in the sharepoint the path is /_layouts/images/weather/
  
• in your sharepoint web part page, add a XML Web part. copy and paste the xsl below with XSL editor….
  

  <?xml version="1.0" encoding="ISO-8859-1" ?>
  <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent="yes" encoding="iso-8859-1" />
  <xsl:template match="/weather">
  <xsl:variable name="med-img-dir">/_layouts/images/weather/64x64</xsl:variable>
  
  <table width="100%">
      <tr>
          <td align="center" colspan="2">
          <xsl:variable name="zipcode">
          <xsl:value-of select="loc/@id"/>
          </xsl:variable>
          <b><a href="http://www.weather.com/weather/local/{$zipcode}"><xsl:value-of select="loc/dnam"></xsl:value-of></a></b>
          </td>
      </tr>
      <tr>
          <!-- Weather Channel Logo -->
          <td valign="bottom">
          <a href="http://www.weather.com" target="_none">
          <img src="/_layouts/images/weather/logos/TWClogo_64px.png" alt="Weather Channel Logo" border="0" />
  
          </a>
          </td>
  
          <!-- Current Weather Conditions -->
          <td valign="top">
          <table width="100%">
              <tr>
                  <td valign="middle">
                  <table width="80%">
                  <tr>
                      <td>
                      <!-- Weather Conditions Icon -->
                      <xsl:variable name="img-ext">png</xsl:variable>
                      <xsl:variable name="iconnumber">
                      <xsl:value-of select="cc/icon"></xsl:value-of>
                      </xsl:variable>
                      <img src="{$med-img-dir}/{$iconnumber}.{$img-ext}"  alt="{$iconnumber}.{$img-ext}" width="64" height="64" />
                      </td>
                      <!-- Current Temp -->
                      <td valign="middle">
                      <span style="font-size:20px;font-weight:bold;"><xsl:value-of select="cc/tmp"></xsl:value-of>�F</span><br/>
                      <xsl:value-of select="cc/t"></xsl:value-of>
                      </td>
                  </tr>
                  </table>
                  </td>
              </tr>
              <tr>
                  <td>
                  Feels Like: <xsl:value-of select="cc/flik"></xsl:value-of>�F<br/>
                  Humidity: <xsl:value-of select="cc/hmid"></xsl:value-of>%<br/>
                  Wind:  <xsl:value-of select="cc/wind/t"></xsl:value-of> at <xsl:value-of select="cc/wind/s"></xsl:value-of> mph<br/>
                  <input TYPE="TEXT" SIZE="20" VALUE="Enter city/zip" STYLE="font-size:10;" name="where" onFocus="this.value='';" />
                  <input TYPE="image" src="{$med-img-dir}/transparent_orange_go.gif" alt="transparent_orange_go.gif" onClick="window.open('http://www.weather.com/outlook/travel/local/' + document.getElementById('where').value);"  ALIGN="ABSMIDDLE" width="28" height="19" />
                  </td>
              </tr>
          </table>
          </td>
      </tr>
  </table>
  
  </xsl:template>
  </xsl:stylesheet>

  • replace the bold text with your location code. you can find it in the weather portal. Download the “transparent_orange_go.gif” image at here. Place it in layouts\images\weather\64×64 folder.
    
  • You can download the xsl from the original location, with a little adjustment.
    
• In the XML Link, type this link.
  
  • http://xoap.weather.com/weather/local/(your location)?cc=*&prod=xoap&unit=m&par=null&key=(your registration code)
• Apply your xml web part configuration. The weather should displayed correctly.
  
• CMIIW