°C
°C
/
°F
°F
Weather widgets
Choose your own weather widget. You can add the widget to your own website or iGoogle.
Weather forecast
San Francisco
Weather in San Francisco
Dimensions of the large widget are adjustable from 255x320 px up to a maximum of 500x600 px
Dimensions of the small widget are adjustable from 160x255 px up to a maximum of 300x400 px
Settings
City
Size
Small
Large
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 255px;height: 320px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 255px;height: 320px;"><div style="margin:7px 10px;"><div style="color: #222222;font-family: Arial;font-size: 12px;font-weight: bold;margin: 0px 0px 7px 0px;line-height: 14px;">Weather forecast<br/><span style="font-weight: normal;">San Francisco</span></div><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/ThreeDaysCity?gid=4952192&sizeType=1&temperatureScale=Fahrenheit&defaultSettings=True" width="235" height="216" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/North-America/United-States/San-Francisco/4952192" style="background: url(http://www.meteovista.com/Shared/Images/widget/list_icon_blue_trans.gif) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Weather in San Francisco</a><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
The location of the activity is flexible and even when the widget is installed the user can still change it
The widget size is adjustable from 255x275 px to 500x600 px
Settings
City
Activity
Weather
Barbecue
Beach
Camping
Cycling
Football
Golf
Ice skating
Short skirt
Tennis
Terrace
Walking
Water sports
Winter sports
Size
Large
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 255px;height: 275px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 255px;height: 275px;"><div style="margin:7px 10px;"><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/TwoDaysCityWithSearch?gid=4952192&activityType=2&titleColor=%23222222&linkColor=%230160b2&temperatureScale=Fahrenheit&defaultSettings=True" width="235" height="235" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
Barbeque weather
San Francisco
Barbecue weather in San Francisco
Dimensions of the large widget are adjustable from 255x250 px up to a maximum of 500x600 px
Dimensions of the small widget are adjustable from 160x210 px up to a maximum of 300x400 px
Settings
City
Activity
Weather
Barbecue
Beach
Camping
Cycling
Football
Golf
Ice skating
Short skirt
Tennis
Terrace
Walking
Water sports
Winter sports
Size
Small
Large
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 255px;height: 250px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 255px;height: 250px;"><div style="margin:7px 10px;"><div style="color: #222222;font-family: Arial;font-size: 12px;font-weight: bold;margin: 0px 0px 7px 0px;line-height: 14px;">Barbeque weather<br/><span style="font-weight: normal;">San Francisco</span></div><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/TwoDaysCity?gid=4952192&activityType=2&sizeType=1&temperatureScale=Fahrenheit&defaultSettings=True" width="235" height="145" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/North-America/United-States/Barbecue-San-Francisco/4952192/2" style="background: url(http://www.meteovista.com/Shared/Images/widget/list_icon_blue_trans.gif) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Barbecue weather in San Francisco</a><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
UV Index
San Francisco
Detailed UV index forecast in San Francisco
UV index 1-10 for today and tomorrow
Time of sunrise and sunset
Widget size adjustable from 315x250 px to 500x600 px
Settings
City
Size
Large
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 315px;height: 250px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 315px;height: 250px;"><div style="margin:7px 10px;"><div style="color: #222222;font-family: Arial;font-size: 12px;font-weight: bold;margin: 0px 0px 7px 0px;line-height: 14px;">UV Index<br/><span style="font-weight: normal;">San Francisco</span></div><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/TwoDaysCityUV?gid=4952192&temperatureScale=Fahrenheit&defaultSettings=True" width="295" height="145" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/North-America/United-States/Sunpower-San-Francisco/4952192" style="background: url(http://www.meteovista.com/Shared/Images/widget/list_icon_blue_trans.gif) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Detailed UV index forecast in San Francisco</a><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
Pollen forecast
San Francisco
Detailed pollen forecast in San Francisco
The expected pollen for today and tomorrow (none, moderate, much)
Dimensions of the large widget are adjustable from 290x250 px up to a maximum of 500x600 px
Dimensions of the small widget are adjustable from 160x220 px up to a maximum of 300x400 px
Settings
City
Size
Small
Large
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 290px;height: 250px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 290px;height: 250px;"><div style="margin:7px 10px;"><div style="color: #222222;font-family: Arial;font-size: 12px;font-weight: bold;margin: 0px 0px 7px 0px;line-height: 14px;">Pollen forecast <br/><span style="font-weight: normal;">San Francisco</span></div><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/TwoDaysCityPollen?gid=4952192&sizeType=1&temperatureScale=Fahrenheit&defaultSettings=True" width="270" height="145" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/North-America/United-States/Hay-fever-San-Francisco/4952192" style="background: url(http://www.meteovista.com/Shared/Images/widget/list_icon_blue_trans.gif) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Detailed pollen forecast in San Francisco</a><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
Weather forecast
San Francisco
Weather in San Francisco
Dimensions of the large widget are adjustable from 255x175 px up to a maximum of 500x600 px
Dimensions of the small widget are adjustable from 160x165 px up to a maximum of 300x400 px
Settings
City
Size
Small
Large
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 255px;height: 175px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 255px;height: 175px;"><div style="margin:7px 10px;"><div style="color: #222222;font-family: Arial;font-size: 12px;font-weight: bold;margin: 0px 0px 7px 0px;line-height: 14px;">Weather forecast<br/><span style="font-weight: normal;">San Francisco</span></div><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/OneDayCity?gid=4952192&sizeType=1&temperatureScale=Fahrenheit&defaultSettings=True" width="235" height="75" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/North-America/United-States/San-Francisco/4952192" style="background: url(http://www.meteovista.com/Shared/Images/widget/list_icon_blue_trans.gif) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Weather in San Francisco</a><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
Dimensions of the widget are adjustable from 145x100 px up to a maximum of 300x400 px
Settings
City
Size
Small
Color and size settings
Add the widget to iGoogle, or copy and paste it into your website
<div style="font-family: Arial;background-color: #fbfbfb;border: 1px solid #e7e7e7;width: 145px;height: 100px;-moz-box-shadow: 0 0 2px 1px #e7e7e7;-webkit-box-shadow: 0 0 2px 1px #e7e7e7;box-shadow: 0 0 2px 1px #e7e7e7;overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><div style="width: 145px;height: 100px;"><div style="margin:7px 10px;"><iframe id="widget-frame" src="http://www.meteovista.com/Go/ExternalWidgetsNew/OneDayCitySmall?gid=4952192&temperatureScale=Fahrenheit&defaultSettings=True" width="125" height="60" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe><a href="http://www.meteovista.com/" style="background: url(http://www.meteovista.com/Shared/Images/variations/en-US/new-widget-logo-UK.png) repeat scroll left bottom transparent;display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.com Always your weather" target="_blank"></a></div></div></div>
Widget colors and size
See widget changes below
Colors
Title
Link
Background
Transparent
Border
Transparent
Size
Width
Height
Reset
Apply
Add the widget to iGoogle, or copy and paste it into your website
You are using an Internet browser that we regretfully do not fully support
MeteoVista will work better if you use one of the following Internet browsers:
Internet Explorer 8 or 9,
or
Firefox 8 or higher
.
Select a browser to download it for free.
