CINXE.COM

Weather on your Site: Free live weather content and forecast graphics for your website

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Weather on your Site: Free live weather content and forecast graphics for your website</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" type="text/css" /> <link rel="stylesheet" href="https://mozilla.github.io/Fira/fira.css" type="text/css" /> <link rel="stylesheet" href="/assets/css/default.css?1593900049" type="text/css" /> <script src="/assets/js/mootools-core-1.6.0-nc.min.js" type="text/javascript"></script> <script src="/assets/js/mootools-more-1.6.0-4d2ae48c.min.js" type="text/javascript"></script> <script src="/assets/js/default.js?1550268330" type="text/javascript"></script> <!-- Start extra head data --> <!-- End extra head data --> </head> <body> <p class="nodisplay"><a href="#content-start">Skip to content</a></p> <div id="layer_pretty"> <div id="page"> <div id="header" class="page_width row"> <div id="button_open_nav_menu" class="col-xs-2 visible-xs-inline-block visible-sm-inline-block"><i class="fa fa-fw fa-navicon"></i><span>Menu</span></div> <div id="header_logo_wrap" class="col-xs-8 col-md-4"><a id="header_logo" href="/">weatherUSA</a></div> <div id="button_open_search" class="col-xs-2 visible-xs-inline-block visible-sm-inline-block"><i class="fa fa-fw fa-search"></i></div> <nav id="layer_menu" class="col-md-8 visible-md-block visible-lg-block"><ul id="mainmenu"> <!-- <li><a href="/blog/">News</a></li>--> <li><a href="/forecasts">Current Weather</a> <ul> <li><a href="/forecasts">Forecast &amp; Report</a></li> <li><a title="View live weather, local conditions, and alerts fullscreen" href="/weathernet/live/">WeatherNet Live Map</a></li> <li><a href="/weathernet/live/?layers=radar">National Radar</a></li> <li><a href="/skycamnet">Weather Cameras</a></li> </ul> </li> <li><a href="#">Severe Weather</a> <ul> <li><a href="/wxwarnings">Watches &amp; Warnings</a></li> <li><a href="/winter">Winter Center</a></li> <li><a href="/tropical">Tropical Center</a></li> <li><a href="/radio">Weather Radio</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="/alerts/">Weather Alerts</a></li> <li><a href="/services">Business Services</a></li> <li><a href="/services/weather-api">Weather Data API</a></li> <li><a href="/services/mobile">Mobile Apps</a></li> <li><a href="/wxonyoursite/">Webmaster Tools</a></li> </ul> </li> <li><a href="/faq/">Contact &amp; More...</a> <ul> <li><a href="/weathernet/oh-columbus/">Columbus Ohio Live Weather</a></li> <li><a href="/search.php">Search</a></li> <li><a href="/contact/">Contact Us</a></li> </ul> </li> <li style="float: right;"><a id="menu_account_icon"><i class="fa fa-sign-in fa-lg fa-inverse"></i> Log in/Sign up</a> <ul id="menu_account_list"> <li><a rel="nofollow" href="/members/login?return=%2Fwxonyoursite%2F">Log in</a></li> <li><a rel="nofollow" href="/members/new?return=%2Fwxonyoursite%2F">Create an account</a></li> </ul> </li> </ul></nav> <nav id="layer_menu_mobile"><ul> <li><a href="/forecasts">Current Weather</a> <ul> <li><a href="/forecasts">Forecast &amp; Report</a></li> <li><a title="View live weather, local conditions, and alerts fullscreen" href="/weathernet/live/">WeatherNet Live Map</a></li> <li><a href="/weathernet/live/?layers=radar">National Radar</a></li> <li><a href="/skycamnet">Weather Cameras</a></li> </ul> </li> <li><a href="#">Severe Weather</a> <ul> <li><a href="/wxwarnings">Watches &amp; Warnings</a></li> <li><a href="/winter">Winter Center</a></li> <li><a href="/tropical">Tropical Center</a></li> <li><a href="/radio/">Weather Radio</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="/alerts/">Weather Alerts</a></li> <li><a href="/services">Business Services</a></li> <li><a href="/services/weather-api">Weather Data API</a></li> <li><a href="/services/mobile">Mobile Apps</a></li> <li><a href="/wxonyoursite/">Webmaster Tools</a></li> </ul> </li> <li><a href="/faq/">Contact &amp; More...</a> <ul> <li><a href="/weathernet/oh-columbus/">Columbus Ohio Live Weather</a></li> <li><a href="/search.php">Search</a></li> <li><a href="/contact/">Contact Us</a></li> </ul> </li> <li><a id="menu_account_icon_mobile"><i class="fa fa-sign-in fa-lg fa-inverse"></i> Log in/Sign up</a> <ul> <li><a rel="nofollow" href="/members/login?return=%2Fwxonyoursite%2F">Log in</a></li> <li><a rel="nofollow" href="/members/new?return=%2Fwxonyoursite%2F">Create an account</a></li> </ul> </li> </ul> </nav> <div id="layer_search_mobile"> <form id="form_place_search_mobile" action="/forecasts" method="GET"> <div class="input"> <input type="text" id="qstr" name="q" autocomplete="off" placeholder="Enter city, ZIP, location..." required /> </div> </form> </div> </div> <div id="layer_ticker" class="clearfix page_width block_justify"> <div class="layer_ticker_row ticker_row_1"> <div class="layer_ticker_select">Favorites</div> <div class="ticker_msg" id="layer_favorites"> <div class="loc"><a class="btn btn-primary btn-sm" href="/forecasts?gps=1"><i class="fa fa-plus fa-lg"></i> Add My Location</a></div> </div> </div> <div class="layer_ticker_row ticker_row_2"> <div class="layer_ticker_select">Tropical Center</div> <div class="ticker_msg" id="layer_tropical_banner"> <a href="/tropical">Track Storms in the Tropical Center 禄</a> </div> </div> <div id="layer_search"> <form id="form_place_search" action="/forecasts" method="GET"> <div class="input"> <input type="text" id="qstr" name="pands" size="25" autocomplete="off" placeholder="Enter city, ZIP, location..." required /> </div> <button type="submit" name="submit" class="btn color_white"> <i class="fa fa-search" title="Search"></i> </button> </form> </div> </div> <div id="layer_hero_content"></div> <div id="layer_main_wrap" class="page_width"> <div id="layer_content_wrap" class="clearfix"> <div id="layer_content_header"> <h1 id="content-start">Weather on your Site</h1> </div> <div id="content" class="container-fluid"> <p> weatherUSA offers free weather content via weather stickers that you can place on your website. Placing live weather information on your website can add a professional touch and keep your visitors coming back. You may use the following image(s) and code on any website, however, the hyperlink to weatherUSA.net must stay intact. You may modify the HTML to conform it to the HTML standards used on your website (XHTML, HTML 4.0). Please note that abusers of this service can and will be blocked. </p> <p> <b>To use the images</b>, enter your location below and click Submit. Then, copy the HTML code in the text box under the image(s) you want to use, and then paste this code anywhere on your website. </p> <form method="get" action="index.php"> <table align="center" border="0" cellpadding="0" cellspacing="3"> <tr><td width="300" valign="top">Enter a Zip Code OR "City, State":</td> <td><input type="text" name="location" value="43221" style="width: 250px;" /></td></tr> <tr><td valign="top">Enter a nickname for this location (optional):</td> <td><input type="text" name="displayname" value="" style="width: 250px;" /><br /> <small>Example: "My House"</small></td></tr> <tr><td>&nbsp;</td><td><input type="submit" value="Submit" /></td></tr> </table> </form> <br /><br /> <div style="width: 600px; margin: 0 auto; text-align: center;"> <div style="margin-bottom: 3px; border-bottom: 1px solid black; font-size: 15px; font-weight: bold;">Current Conditions</div><a href="https://www.weatherusa.net/forecasts?q=43221"><img src="https://www.weatherusa.net/forecasts/?forecast=hourly&amp;alt=hwicc&amp;config=png&amp;pands=43221&amp;hwvdisplay=" width="170" height="100" border="0" alt="Click for Forecast for 43221 from weatherUSA" title="Click for Forecast for 43221 from weatherUSA" /></a><textarea rows="5" cols="60" class="copyhtml" readonly="readonly">&lt;a href=&quot;https://www.weatherusa.net/forecasts?q=43221&quot;&gt;&lt;img src=&quot;https://www.weatherusa.net/forecasts/?forecast=hourly&amp;amp;alt=hwicc&amp;amp;config=png&amp;amp;pands=43221&amp;amp;hwvdisplay=&quot; width=&quot;170&quot; height=&quot;100&quot; border=&quot;0&quot; alt=&quot;Click for Forecast for 43221 from weatherUSA&quot; title=&quot;Click for Forecast for 43221 from weatherUSA&quot; /&gt;&lt;/a&gt;</textarea> </div> <br /><br /> <div style="width: 600px; margin: 0 auto; text-align: center;"> <div style="margin-bottom: 3px; border-bottom: 1px solid black; font-size: 15px; font-weight: bold;">7-Day Forecast</div><a href="https://www.weatherusa.net/forecasts?q=43221"><img src="https://www.weatherusa.net/forecasts/?forecast=zone&amp;alt=hwizone7day&amp;daysonly=3&amp;config=png&amp;pands=43221&amp;hwvdisplay=" width="530" height="210" border="0" alt="Click for Forecast for 43221 from weatherUSA" title="Click for Forecast for 43221 from weatherUSA" /></a><textarea rows="5" cols="60" class="copyhtml" readonly="readonly">&lt;a href=&quot;https://www.weatherusa.net/forecasts?q=43221&quot;&gt;&lt;img src=&quot;https://www.weatherusa.net/forecasts/?forecast=zone&amp;amp;alt=hwizone7day&amp;amp;daysonly=3&amp;amp;config=png&amp;amp;pands=43221&amp;amp;hwvdisplay=&quot; width=&quot;530&quot; height=&quot;210&quot; border=&quot;0&quot; alt=&quot;Click for Forecast for 43221 from weatherUSA&quot; title=&quot;Click for Forecast for 43221 from weatherUSA&quot; /&gt;&lt;/a&gt;</textarea> </div> <br /><br /> <div style="width: 600px; margin: 0 auto; text-align: center;"> <div style="margin-bottom: 3px; border-bottom: 1px solid black; font-size: 15px; font-weight: bold;">Current Weather Console</div><a href="https://www.weatherusa.net/forecasts?q=43221"><img src="https://www.weatherusa.net/forecasts/?forecast=zandh&amp;alt=hwiws&amp;config=png&amp;pands=43221&amp;hwvdisplay=" width="400" height="300" border="0" alt="Click for Forecast for 43221 from weatherUSA" title="Click for Forecast for 43221 from weatherUSA" /></a><textarea rows="5" cols="60" class="copyhtml" readonly="readonly">&lt;a href=&quot;https://www.weatherusa.net/forecasts?q=43221&quot;&gt;&lt;img src=&quot;https://www.weatherusa.net/forecasts/?forecast=zandh&amp;amp;alt=hwiws&amp;amp;config=png&amp;amp;pands=43221&amp;amp;hwvdisplay=&quot; width=&quot;400&quot; height=&quot;300&quot; border=&quot;0&quot; alt=&quot;Click for Forecast for 43221 from weatherUSA&quot; title=&quot;Click for Forecast for 43221 from weatherUSA&quot; /&gt;&lt;/a&gt;</textarea> </div><!-- End of content --> </div> <div id="ad-vertical" class="noarrow"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- weatherUSA, Right skyscraper, 160x600 --> <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-8456894889172873" data-ad-slot="8720996167"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="ad-footer-wrapper" class="clear content-box noarrow"><div id="ad-footer"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- weatherUSA, Footer, 728x90 --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-8456894889172873" data-ad-slot="4565491144"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> <!-- end layer_content_wrap --> </div> <!-- end layer_main_wrap --> </div> <div id="footer" class="page_width"> <div class="row"> <div class="col-xs-12 col-sm-3"> <a class="social_icons" href="https://www.facebook.com/weatherUSA"><img src="/assets/icons/social_facebook_32x32.png" width="32" height="32" alt="Find us on Facebook" /> Find us on Facebook</a> <a class="social_icons" href="https://twitter.com/wxusa"><img src="/assets/icons/social_twitter_32x32.png" width="32" height="32" alt="Follow us on Twitter" /> Follow us on Twitter</a> </div> <div class="col-xs-12 col-sm-3 col-md-2"> <a class="addthis_button_facebook_like" fb:like:href="https://www.facebook.com/weatherUSA" fb:like:layout="button_count"></a><br /> <a class="addthis_button_twitter_follow_native" tw:screen_name="wxusa" tw:show-count="false"></a> </div> <div class="col-xs-12 col-sm-6 col-md-7" style="text-align: right;"> <p><strong><a href="/contact/">Contact Us</a></strong></p> <p><a href="/privacy.php">Privacy Policy</a><br /> <a href="/tos.php">Terms of Service</a></p> <p> &copy;2001-2025 weatherUSA, LLC</p> </div> </div> </div> <!-- end footer --> <!-- Page generated in 1.93 ms from thunder.cmh.weatherusa.net --> <!-- end page --> </div> <!-- end layer_pretty --> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10