Free Weather Widgets Page 2 - WeatherWX.com

Terms of Use
You may freely use these images as long as the complete code stays intact. Altering the code will cause you to be in violation of United States and International copyright laws. If the images are not displayed on a public website, they may be in jeopardy of being disabled because we have no way of knowing if the complete code is being used properly. Finally, Weather WX reserves the right to disable any image it feels is being used inappropriately.

Ask us today about a customized weather page with a link to your site on it (Your Site weather forecast. Linkback to our site required).

These weather widgets are 100% free to use, free of adware, free of spyware and any other ware you can think of. Are WeatherWX.com weather widgets safe and secure? Okay, so you are not adding spyware, adware to my widgets. Why are they free?

Did you know that some free widgets are Spyware or worse? Our widgets follow strict privacy guidelines! They do not spy on your visitors... We have no interest in you or your visitor's web browsing habits. Please be careful of unknown coding that comes with most free widgets.
With three pages of weather widgets, you are bound to find something you like. We are always open to suggestions. Make a suggestion.

Click here for 24px, high definition images that you can make any font size you want.

Code for 14px white font

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwitransparentw&hwvbg=transparent" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

Code for 14px black font

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwitransparentb&hwvbg=transparent" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

These images are transparent. You can find one that will look good on any background. These are fresh out of the lab and at least the most versatile image we offer.

These are close to 14px size.

Click here for 13px sized fonts.
Click here for 24px sized fonts.

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwitransparentcolors2&hwvbg=transparent&hwvtc=0000FF" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

   14px Colored Fonts

Colors are determined by a hex color. This aspect "hwvtc=0000FF" of the code determines the color. We have included a handy color picker you can use. Dial up a color or type 0000FF into it. 0000FF = blue.
Mostly all of these images have a metric conversion, this part "alt=hwitransparentcolors2" of the code is the image name. Put a "met" on the end of the image name to get the metric representation "alt=hwitransparentcolors2met". Please use the code above if you want white or black font on your widget. The image will look much better.

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwitransparentcolors2&hwvbg=transparent&hwvtc=0000FF" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

   14px Colored Fonts

000080 = Navy
FF8000 = Orange
FF0000 = Red
808000 = Olive
800080 = Purple
008080 = Teal
FF00FF = Fuchsia

<!-- Start WX Widget Code --><div style="color: #455052; max-width: 172px; width: 100%; border: 1px solid #428bca; background-image: radial-gradient(circle, #fff, #f5faff, #e5efff);"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img style="padding: 4px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="color: #455052; max-width: 280px; width: 100%; border: 1px solid #428bca; background-image: radial-gradient(circle, #fff, #f5faff, #e5efff);"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwihzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwihzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonebcurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwihzonebcurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonewcurmed&hwvbg=transparent&hwvtc=white" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwihzonewcurmed&hwvbg=transparent&hwvtc=white" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="width: 168px; height: 334px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 0, linear-gradient(to right, silver 1px, transparent 1px) 0 100%, linear-gradient(to left, silver 1px, transparent 1px) 100% 0, linear-gradient(to left, silver 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, silver 1px, transparent 1px) 0 0, linear-gradient(to bottom, silver 1px, transparent 1px) 100% 0, linear-gradient(to top, silver 1px, transparent 1px) 0 100%, linear-gradient(to top, silver 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img style="padding: 1px; border: dashed 1px silver;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="padding: 2px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); width: 168px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 0, linear-gradient(to left, silver 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, silver 1px, transparent 1px) 0 0, linear-gradient(to top, silver 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px;"><div style="background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-color: #FDFDFF; padding: 2px;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img style="padding: 2px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); width: 168px; background-color: #FFFFFF;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="padding: 2px; width: 170px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 0, linear-gradient(to left, silver 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, silver 1px, transparent 1px) 0 0, linear-gradient(to top, silver 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px;"><div style="background-color: white; border: dashed 1px silver; padding: 2px;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="padding: 4px; width: 174px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 0, linear-gradient(to right, silver 1px, transparent 1px) 0 100%, linear-gradient(to left, silver 1px, transparent 1px) 100% 0, linear-gradient(to left, silver 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, silver 1px, transparent 1px) 0 0, linear-gradient(to bottom, silver 1px, transparent 1px) 100% 0, linear-gradient(to top, silver 1px, transparent 1px) 0 100%, linear-gradient(to top, silver 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px;"><div style="background-color: white; border: dashed 1px white; padding: 2px; background: url(https://www.weatherwx.com/img2/footprints.jpg) center 0;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="width: 168px; height: 334px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 0, linear-gradient(to right, silver 1px, transparent 1px) 0 100%, linear-gradient(to left, silver 1px, transparent 1px) 100% 0, linear-gradient(to left, silver 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, silver 1px, transparent 1px) 0 0, linear-gradient(to bottom, silver 1px, transparent 1px) 100% 0, linear-gradient(to top, silver 1px, transparent 1px) 0 100%, linear-gradient(to top, silver 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img style="padding: 4px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="width: 168px; height: 334px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 100%, linear-gradient(to left, silver 1px, transparent 1px) 100% 0, linear-gradient(to bottom, silver 1px, transparent 1px) 100% 0, linear-gradient(to top, silver 1px, transparent 1px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img style="padding: 4px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><div style="width: 168px; height: 334px; background: linear-gradient(to right, silver 1px, transparent 1px) 0 0, linear-gradient(to left, silver 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, silver 1px, transparent 1px) 0 0, linear-gradient(to top, silver 1px, transparent 1px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px;"><a href="https://www.weatherwx.com/forecast/nm/bloomfield.html" target="_blank"><img style="padding: 4px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=bloomfield&state=nm&country=us&config=png&alt=hwivvvzonecurmed&hwvbg=transparent&hwvtc=black" border="0" alt="Click for the latest Bloomfield weather forecast."></a></div><!-- End WX Widget Code -->
Copy Code